@extends('admin.layouts.app')
@section('title', 'Mass Mail')
@section('css')
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
    <link rel="stylesheet" href="{{ asset('admin/css/jquery.multiselect.css') }}">
    <link rel="stylesheet" href="{{ asset('admin/css/multiple-select.min.css') }}">
@endsection

@section('contents')
    <div class="container-fluid">
        <!-- Start Page Content -->
        <div class="row flex-column">
            <div class="card">
                <div class="card-title">
                    <h4>New Email</h4>
                    <span class="nav pull-right panel_toolbox">
                        <a class="btn btn-primary" href="{{ route('admin.sent_email_log') }}">
                            <i class="fa fa-arrow-back"></i> Back
                        </a>
                    </span>
                </div>
            </div>
        </div>
        <!-- /# row -->
        <div class="row flex-column">
            <div class="col-lg-6">
                <div class="card">
                    <div class="card-body">
                        <div class="basic-form">
                            <div>
                                @if(!$errors->isEmpty())
                                    <div class="alert alert-danger">
                                        <ul class="list-unstyled">
                                            @foreach($errors->all() as $err)
                                                <li>{{ $err }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                @if(Session::has('message'))
                                    <div class="alert alert-success">
                                        {{ Session::get('message') }}
                                    </div>
                                @endif
                                    @if(Session::has('error'))
                                        <div class="alert alert-danger">
                                            {{ Session::get('error') }}
                                        </div>
                                    @endif
                            </div>
                            <form method="post" action="{{ route('admin.send_email_log.store') }}">
                                @csrf
{{--                                <div class="form-group">--}}
{{--                                    <label for="name">Client Name<span class="text-danger">*</span></label>--}}
{{--                                    <input type="text" name="name" value="{{ old('name') }}" id="name" class="form-control" placeholder="Name">--}}
{{--                                </div>--}}
                                <div class="form-group">
                                    <label>Select email(s) <span class="text-danger">*</span></label>
                                    <select id="select-demo" name="emails[]" class="form-control" multiple="multiple" size="5">
                                        @foreach($lists as $list)
                                            <option value="{{ $list->email }}">{{ $list->email }}</option>
                                        @endforeach
                                    </select>
                                    @if($errors->has('emails'))
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $errors->first('emails') }}</strong>
                                        </span>
                                    @endif
                                </div>

                                <button type="submit" class="btn btn-primary">Submit</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /# column -->
        </div>
        <!-- /# row -->

        <!-- End PAge Content -->
    </div>
@endsection

@section('js')
    <script src="{{ asset('admin/js/jquery.multiselect.js') }}"></script>
    <script>
        $(document).ready(function () {
            $("select").multiselect();
        });
    </script>
@endsection