{{Form::open(array('url'=>'meeting','method'=>'post', 'class'=>'needs-validation', 'novalidate'))}}
<div class="modal-body">
    {{-- start for ai module--}}
    @php
        $plan= \App\Models\Utility::getChatGPTSettings();
    @endphp
    @if($plan->chatgpt == 1)
    <div class="text-end">
        <a href="#" data-size="md" class="btn  btn-primary btn-icon btn-sm" data-ajax-popup-over="true" data-url="{{ route('generate',['meeting']) }}"
           data-bs-placement="top" data-title="{{ __('Generate content with AI') }}">
            <i class="fas fa-robot"></i> <span>{{__('Generate with AI')}}</span>
        </a>
    </div>
    @endif
    {{-- end for ai module--}}
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                {{Form::label('branch_id',__('Branch'),['class'=>'form-label'])}}<x-required></x-required>
                <select class="form-control select" name="branch_id" id="branch_id" placeholder="Select Branch" required>
                    <option value="">{{__('Select Branch')}}</option>
                    <option value="0">{{__('All Branch')}}</option>
                    @foreach($branch as $branch)
                        <option value="{{ $branch->id }}">{{ $branch->name }}</option>
                    @endforeach
                </select>
            </div>
        </div>
        <div class="col-md-12">
            <div class="form-group">
                {{Form::label('department_id',__('Department'),['class'=>'form-label'])}}<x-required></x-required>
                <span id="department_div">
                    <select class="form-control select" name="department_id[]" id="department_id" placeholder="Select Department" required>
                    </select>
                </span>
            </div>
        </div>
        <div class="col-md-12">
            <div class="form-group" >
                {{Form::label('employee_id',__('Employee'),['class'=>'form-label'])}}<x-required></x-required>
                <span id="employee_div">
                    <select class="form-control select" name="employee_id[]" id="employee_id" placeholder="Select Employee" required>
                    </select>
                </span>
            </div>
        </div>
        <div class="col-md-12">
            <div class="form-group">
                {{Form::label('title',__('Meeting Title'),['class'=>'form-label'])}}<x-required></x-required>
                {{Form::text('title',null,array('class'=>'form-control','placeholder'=>__('Enter Meeting Title'), 'required' => 'required'))}}
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                {{Form::label('date',__('Meeting Date'),['class'=>'form-label'])}}<x-required></x-required>
                {{Form::text('date',null,array('class'=>'form-control js-ddmmyyyy', 'required' => 'required', 'autocomplete' => 'off', 'placeholder' => 'DD/MM/YYYY', 'readonly' => 'readonly'))}}
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                {{Form::label('time',__('Meeting Time'),['class'=>'form-label'])}}<x-required></x-required>
                {{Form::time('time',null,array('class'=>'form-control timepicker', 'required' => 'required'))}}
            </div>
        </div>
        <div class="col-md-12">
            <div class="form-group">
                {{Form::label('note',__('Meeting Note'),['class'=>'form-label'])}}
                {{Form::textarea('note',null,array('class'=>'form-control','placeholder'=>__('Enter Meeting Note')))}}
            </div>
        </div>

        @if(isset($settings['google_calendar_enable']) && $settings['google_calendar_enable'] == 'on')
            <div class="form-group col-md-6 ">
                {{Form::label('synchronize_type',__('Synchronize in Google Calendar ?'),array('class'=>'form-label')) }}
                <div class="form-switch">
                    <input type="checkbox" class="form-check-input mt-2" name="synchronize_type" id="switch-shadow" value="google_calender">
                    <label class="form-check-label" for="switch-shadow"></label>
                </div>
            </div>
        @endif

    </div>
</div>
<div class="modal-footer">
    <input type="button" value="{{__('Cancel')}}" class="btn btn-secondary" data-bs-dismiss="modal">
    <input type="submit" value="{{__('Create')}}" class="btn btn-primary">
</div>
{{Form::close()}}

<script>
    $(document).ready(function() {
        $('#department_id').empty();
        $('#department_id').append('<option value="">{{__('Select Department')}}</option>');
        $('#employee_id').empty();
        $('#employee_id').append('<option value="">{{__('Select Employee')}}</option>');

        var $meetingDate = $('input[name="date"].js-ddmmyyyy');
        if ($meetingDate.length) {
            $meetingDate.on('keydown paste', function (e) {
                e.preventDefault();
            });

            if (typeof flatpickr !== 'undefined') {
                if (!$meetingDate[0]._flatpickr) {
                    flatpickr($meetingDate[0], {
                        dateFormat: 'd/m/Y',
                        allowInput: false,
                        disableMobile: true
                    });
                }
            } else if ($.fn.datepicker && !$meetingDate.hasClass('hasDatepicker')) {
                $meetingDate.datepicker({
                    dateFormat: 'dd/mm/yy',
                    changeMonth: true,
                    changeYear: true,
                    yearRange: '1900:+10'
                });
            }
        }
    });
</script>
