@section('page_modal')

    <div class="modal fade bd-send-email-md" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form id="frmSendNewMessage" name="frmSendNewMessage" action="{{ route('tenant.lms.leads.new_message', [$leads->id, $row_id]) }}" method="Post">
                    <input type="hidden" name="lead_data_email" value="{{ $lead_email }}" />
                    <div class="modal-header">
                        <h5 class="modal-title">New Message</h5>
                        <button type="button" class="close" data-dismiss="modal">
                            <span>&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-12">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="fa fa-envelope"></i></span>
                                    </div>
                                    <div class="form-info p-2 border form-control">From: {{ Auth()->user()->email }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-12">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">To</i></span>
                                    </div>
                                    <div class="form-info p-2 border form-control">{{ $lead_email }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-12">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">CC</span>
                                    </div>
                                    <select multiple data-selected-text-format="count" class="form-control" id="emailCC" name="emailCC[]">
                                        @if ($agents->count())
                                            @foreach ($agents as $agent)
                                                <option value="{{ $agent->email }}">{{ $agent->given_names }} {{ $agent->surname }} <{{ $agent->email }}>
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-12">
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="fa fa-info"></i></span>
                                    </div>
                                    <input type="text" name="emailSubject" class="form-control" placeholder="Type subject here" required />
                                </div>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-12">
                                <textarea name="emailMessage" class="form-control" placeholder="Type your message" rows="7" required></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Send</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade bd-schedule-meeting-md" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form id="frmSendNewEvent" name="frmSendNewEvent" action="#" method="post">

                    @csrf

                    <input type="hidden" name="lead_data_email" value="{{ $lead_email }}" />

                    <div class="modal-header">
                        <h5 class="modal-title">Meeting Details</h5>
                        <button type="button" class="close" data-dismiss="modal"><span>&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-12">
                                <label class="control-label">Event Title</label>
                                <input class="form-control required" placeholder="Add a title" type="text" value="{{ old('eventSubject') }}" name="eventSubject" required />
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-lg-12">
                                <label class="control-label">Attendees</label>
                                <select multiple data-selected-text-format="count" class="form-control required" id="eventAttendees" name="eventAttendees[]" required>
                                    @if ($agents->count())
                                        @foreach ($agents as $agent)
                                            <option value="{{ $agent->email }}">{{ $agent->given_names }} {{ $agent->surname }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6 mt-2">
                                <label class="control-label" for="eventDate">Event Date</label>
                                <div class="input-group">
                                    <input id="eventDate" class="form-control required" placeholder="Select Date" value="" type="text" name="eventDate" required />
                                    <span class="input-group-append">
                                        <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                                    </span>
                                </div>
                            </div>
                            <!--</div>
                            <div class="row mt-2">-->
                            <div class="col-lg-6 mt-2">
                                <label class="control-label">Event Location</label>
                                <div class="input-group">
                                    <input class="form-control required" placeholder="Add event location" type="text" value="{{ old('eventLocation') }}" name="eventLocation" required />
                                    <span class="input-group-append">
                                        <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-12">
                                <label class="control-label">Event Description</label>
                                <textarea name="eventDescription" class="form-control" placeholder="Add a description">{{ old('eventDescription') }}</textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                        <button id="btnCreateNewEvent" type="button" class="btn btn-primary">Create Event</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade bd-make-call-md" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form id="frmSendNewMessage" name="frmSendNewMessage" action="{{ route('tenant.email.ms365.send') }}" method="Post">
                    <div class="modal-header">
                        <h5 class="modal-title">Meeting Details</h5>
                        <button type="button" class="close" data-dismiss="modal"><span>&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-12">
                                <label class="control-label">Event Title</label>
                                <input class="form-control" placeholder="Add a title" type="text" value="{{ old('eventTitle') }}" name="eventTitle">
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-lg-12">
                                <label class="control-label">Attendees</label>
                                <select multiple data-selected-text-format="count" class="form-control" id="eventAttendees" name="eventAttendees">
                                    @if ($agents->count())
                                        @foreach ($agents as $agent)
                                            <option value="{{ $agent->email }}">{{ $agent->given_names }} {{ $agent->surname }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-lg-6">
                                <label class="control-label">Event Start</label>
                                <div class="input-group">
                                    <input id="txtStartDate" class="form-control" placeholder="Enter start" value="{{ old('eventStart') }}" type="text" name="eventStart" />
                                    <span class="input-group-append">
                                        <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                                    </span>
                                </div>

                            </div>
                            <div class="col-lg-6">
                                <label class="control-label">Event End</label>
                                <div class="input-group">
                                    <input id="txtEndDate" class="form-control" placeholder="Enter end" value="{{ old('eventEnd') }}" type="text" name="eventEnd" />
                                    <span class="input-group-append">
                                        <span class="input-group-text"><i class="fa fa-calendar"></i></span>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-lg-12">
                                <label class="control-label">Event Location</label>
                                <div class="input-group">
                                    <input class="form-control" placeholder="Add event location" type="text" value="{{ old('eventLocation') }}" name="eventLocation" />
                                    <span class="input-group-append">
                                        <span class="input-group-text"><i class="fa fa-map-marker"></i></span>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <div class="col-12">
                                <label class="control-label">Event Description</label>
                                <textarea name="eventDescription" class="form-control" placeholder="Add a description" rows="7">{{ old('eventDescription') }}</textarea>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary">Send</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@stop