@extends('user.layouts.app')
@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection
@push('head-scripts')
    <link href="{{ asset('user/select2/dist/css/select2.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('user/select2/dist/css/select2-bootstrap5.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('user/cropper/cropper.min.css') }}" rel="stylesheet"/>
@endpush
@section('content')
    @include('user.applicants.inc.topMenu')
    <div class="card mt-3">
        <div class="card-body">
            <div class="row p-2 more-menu">
                <div class="col-md-3">
                    @include('user.applicants.inc.menu')
                </div>
                <div class="col-md-9">
                    {{-- Start: Page Content --}}
                    <div class="d-flex justify-content-between">
                        <div>
                            <h4 class="card-title mb-0">{{(!empty($p_title) && isset($p_title)) ? $p_title : ''}}</h4>
                            <div
                                class="small text-medium-emphasis">{{(!empty($p_summary) && isset($p_summary)) ? $p_summary : ''}}</div>
                        </div>
                    </div>
                    <hr>
                    {{-- Start: Form --}}
                    <form method="{{$method}}" action="{{$action}}" enctype="{{$enctype}}">
                        @csrf
                        @method('PUT')
                        <div class="row">
                            <div class="col-md-3 mb-3">
                                <label class="form-label" for="name">Contact Type *</label>
                                <select
                                    class="select2-contact-type form-control form-select @error('contact_type_id') is-invalid @enderror"
                                    name="contact_type_id">
                                </select>
                                @error('contact_type_id')
                                <strong class="text-danger">{{ $message }}</strong>
                                @enderror
                            </div>

                            <div class="mb-3 col-md-9">
                                <label class="form-label" for="stall">Detail</label>
                                <input type="text"
                                       class="form-control @error('info') is-invalid @enderror"
                                       name="info"
                                       value="{{(!empty($data->info) && isset($data->info)) ? $data->info : old('info')}}"
                                       placeholder="Contact Detail">
                                @error('info')
                                <strong class="text-danger">{{ $message }}</strong>
                                @enderror

                                @error('description')
                                <strong class="text-danger">{{ $message }}</strong>
                                @enderror
                            </div>
                        </div>
                        <button type="submit" class="btn btn-sm btn-success" onclick="holdOn('sk-rect');">Submit</button>
                    </form>
                    {{-- End: Form --}}
                </div>
            </div>
            {{-- Page Description : Start --}}
            @if(!empty($p_description) && isset($p_description))
                <div class="card-footer">
                    <div class="row">
                        <div class="col-12 mb-sm-2 mb-0">
                            <p>{{(!empty($p_description) && isset($p_description)) ? $p_description : ''}}</p>
                        </div>
                    </div>
                </div>
            @endif
            {{-- Page Description : End --}}
            {{-- End: Page Content --}}
        </div>
    </div>
@endsection
@push('footer-scripts')
    <script src="{{ asset('user/ckeditor/ckeditor.js') }}"></script>
    <script src="{{ asset('user/ckeditor/ckfinder/ckfinder.js') }}"></script>
    <script src="{{ asset('admin/select2/dist/js/select2.js') }}"></script>

    <script>
        $(function () {
            $('.active-contact').addClass('active');
        });
        $(document).ready(function () {
            //Select Job Catalogue
            let contact = [{
                id: "{{$contactType->id}}",
                text: "{{$contactType->title}}",
            }];
            $('.select2-contact-type').select2({
                data: contact,
                theme: "bootstrap5",
                placeholder: 'Select Contact Type',
                ajax: {
                    url: '{{route('user.get.contact-type-select')}}',
                    dataType: 'json',
                    delay: 250,
                    type: 'GET',
                    data: function (params) {
                        var query = {
                            q: params.term,
                            type: 'public',
                            _token: '{{csrf_token()}}'
                        }
                        return query;
                    },
                    processResults: function (data) {
                        return {
                            results: $.map(data, function (item) {
                                return {
                                    id: item.id,
                                    text: item.name
                                }
                            })
                        };
                    },
                    cache: true
                }
            }).trigger('change.select2');
            CKEDITOR.replace('description');
        });
    </script>

    @if(Session::has('messages'))
        <script>
            noti({!! json_encode((Session::get('messages'))) !!});
        </script>
    @endif
@endpush