@extends('admin.layout.master')
@section('title','NOTICE CREATE')
@section('content')
    <div class="card sina-card">
        <div class="card-header d-flex justify-content-between">
            <h4 class="card-title">Create Notice</h4>
            <div class="d-flex justify-content-between">
                @if(checkAuthPermission('admin.notice.index'))
                    <a href="{{ route('admin.notice.index') }}" class="btn btn-primary">List</a>
                @endif
            </div>
        </div>
        <div class="card-body">
            <div class="row d-flex justify-content-center">
                <div class="col-7">
                    <form action="{{ route('admin.notice.store') }}" id="notice_form">
                        <input type="hidden" name="id" value="{{ isset($notice) ? $notice->id : '' }}">
                        <div class="row">
                            <div class="col-12">
                                <label for="subject" class="form-label mb-0">Subject <spn class="text-danger">*</spn></label>
                                <input type="text" name="subject" id="subject" class="form-control" value="{{ isset($notice) ? $notice->subject : '' }}">
                            </div>
                            <div class="col-12">
                                <label for="description" class="form-label mb-0">Description</label>
                                <textarea name="description" id="description" class="form-control" cols="30" rows="10">{!! isset($notice) ? $notice->description : '' !!}</textarea>
                            </div>
                            <div class="col-6">
                                <label for="department_ids" class="form-label mb-0">Department</label>
                                <select name="department_ids[]" id="department_ids" class="form-select select_2" multiple>
                                    @foreach($departments as $department)
                                        <option value="{{ $department->id }}">{{ $department->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6">
                                <label for="designation_ids" class="form-label mb-0">Designation</label>
                                <select name="designation_ids[]" id="designation_ids" class="form-select select_2" multiple>
                                    @foreach($designations as $d)
                                        <option value="{{ $d->id }}">{{ $d->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6">
                                <label for="admin_ids" class="form-label mb-0">Users</label>
                                <select name="admin_ids[]" id="admin_ids" class="form-select select_2" multiple>
                                    @foreach($admins as $admin)
                                        <option value="{{ $admin->id }}">{{ $admin->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6">
                                <label for="status" class="form-label mb-0">Status</label>
                                <select name="status" id="status" class="form-select">
                                    <option value="1" {{ isset($notice) && $notice->status == 1 ? 'selected' : '' }}>Active</option>
                                    <option value="0" {{ isset($notice) && $notice->status == 0 ? 'selected' : '' }}>Inactive</option>
                                </select>
                            </div>
                            <div class="col-3 mt-2">
                                <button class="btn btn-primary d-block w-100">Save</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        let notice = @json(isset($notice) ? $notice : null);
        $(document).ready(function(){
            if(notice){
                $('#department_ids').val(notice.department_ids && notice.department_ids.split(',')).trigger('change');
                $('#designation_ids').val(notice.designation_ids && notice.designation_ids.split(',')).trigger('change');
                $('#admin_ids').val(notice.admin_ids && notice.admin_ids.split(',')).trigger('change');
            }
        })
        $('#notice_form').on('submit',function(e){
            e.preventDefault();
            ajaxCallV2($(this).attr('action'), 'POST', $(this).serialize(), (res) => {
                $('#loader').hide();
                Swal.fire({
                    icon: 'success',
                    title: 'Success',
                    text: res.message,
                    showConfirmButton: true
                }).then(() => {
                    window.location.href = "{{ route('admin.notice.index') }}";
                })
            }, function (res) {
                $('#loader').hide();
            })
        })
    </script>
@endsection