@extends('admin.layouts.app')

@section('content')
    <section id="number-tabs">
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{!! $form['heading'] !!}</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <form method="POST" action="{!! $form['action'] !!}" class="number-tab-steps wizard-circle"
                                enctype="multipart/form-data">
                                <input type="hidden" name="id" value="{{ $data->id }}">
                                @csrf
                                <input type="hidden" name="_method" value="{!! $form['method'] !!}">
                                <div class="row">

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="title">Title <span class="text-danger">*</span> </label>
                                            <input type="text" id="title" name="title"
                                                value="{{ old('title', $data->title) }}" class="form-control" required>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="type">Type <span class="text-danger">*</span> </label>
                                            <select name="type" id="type" class="form-control" required>
                                                <option value="" disabled selected>Select Type</option>
                                                @forelse ($types as $type)
                                                    <option value="{{ $type->id }}" {!! matchSelected($type->id, old('type', $data->type_id) ?? '') !!}>
                                                        {{ $type->name }}</option>
                                                @empty
                                                    <option value="" disabled>No Record Found</option>
                                                @endforelse
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="status">Status <span class="text-danger">*</span> </label>
                                            <select name="status" id="status" class="form-control" required>
                                                <option value="" disabled selected>Select Status</option>
                                                @forelse ($data->statuses() as $status => $display)
                                                    <option value="{{ $status }}" {!! matchSelected($status, old('status', $data->status) ?? '') !!}>
                                                        {{ $display }}</option>
                                                @empty
                                                    <option value="" disabled>No Record Found</option>
                                                @endforelse
                                            </select>
                                        </div>
                                    </div>

                                    <!--<div class="col-md-4">-->
                                    <!--    <div class="form-group">-->
                                    <!--        <label for="positions">Positions <span class="text-danger">*</span> </label>-->
                                    <!--        <input type="number" id="positions" name="positions"-->
                                    <!--            value="{{ old('positions', $data->positions) }}" class="form-control"-->
                                    <!--            required>-->
                                    <!--    </div>-->
                                    <!--</div>-->

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="hourly_rate">Hourly Rate <span class="text-danger">*</span> </label>
                                            <input type="number" id="hourly_rate" name="hourly_rate"
                                                value="{{ old('hourly_rate', $data->hourly_rate) }}" class="form-control"
                                                required>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="hours_per_week">Hours Per Week <span class="text-danger">*</span>
                                            </label>
                                            <input type="number" id="hours_per_week" name="hours_per_week"
                                                value="{{ old('hours_per_week', $data->hours_per_week) }}"
                                                class="form-control" required>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="degree">Degree</label>
                                            <select name="degree_id" id="degree" class="form-control select2" multiple>
                                                @forelse ($degrees as $degree)
                                                    <option value="{{ $degree->id }}" {!! matchSelected($degree->id, old('degree_id', $data->degrees->first()?->id ?? '')) !!}>
                                                        {{ $degree->title }}</option>
                                                @empty
                                                    <option value="" disabled>No Record Found</option>
                                                @endforelse
                                            </select>
                                            <sub>
                                                <a href="{{ route('admin.degree-type.create') }}"
                                                    class="text-danger text-italic" target="_blank">Create New?</a>
                                            </sub>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="speciality">Specialities</label>
                                            <select name="speciality_id[]" id="speciality" class="form-control select2">
                                                @forelse ($specialities as $speciality)
                                                    <option value="{{ $speciality->id }}" {!! matchSelected($speciality->id, old('speciality_id', $selectedSpecialities ?? []), true) !!}>
                                                        {{ $speciality->name }}</option>
                                                @empty
                                                    <option value="" disabled>No Record Found</option>
                                                @endforelse
                                            </select>
                                            <sub>
                                                <a href="{{ route('admin.speciality.index') }}"
                                                    class="text-danger text-italic" target="_blank">Create New?</a>
                                            </sub>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="skill">Skills</label>
                                            <select name="skill_id[]" id="skill" class="form-control select2"
                                                multiple>
                                                @forelse ($skills as $skill)
                                                    <option value="{{ $skill->id }}" {!! matchSelected($skill->id, old('skill_id', $selectedSkills ?? []), true) !!}>
                                                        {{ $skill->name }}</option>
                                                @empty
                                                    <option value="" disabled>No Record Found</option>
                                                @endforelse
                                            </select>
                                            <sub>
                                                <a href="{{ route('admin.skill.index') }}"
                                                    class="text-danger text-italic" target="_blank">Create New?</a>
                                            </sub>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="facility">Facility</label>
                                            <select name="facility_id" id="facility" class="form-control select2">
                                                <option value="">Select Facility</option>
                                                @forelse ($facilities as $facility)
                                                    <option value="{{ $facility->id }}" {!! matchSelected($facility->id, old('facility_id', $data?->facilities->first()?->id ?? 0)) !!}>
                                                        {{ $facility->name }}
                                                    </option>
                                                @empty
                                                    <option value="" disabled>No Record Found</option>
                                                @endforelse
                                            </select>
                                            <sub>
                                                <a href="{{ route('admin.facility.create') }}"
                                                    class="text-danger text-italic" target="_blank">Create New?</a>
                                            </sub>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="shift">Shift</label>
                                            <select name="shift_id" id="shift" class="form-control select2">
                                                <option value="">Select Shift</option>
                                                @forelse ($shifts as $shift)
                                                    <option value="{{ $shift->id }}" {!! matchSelected($shift->id, old('shift_id', $data?->shifts->first()?->id ?? 0)) !!}>
                                                        {{ $shift->name }}</option>
                                                @empty
                                                    <option value="" disabled>No Record Found</option>
                                                @endforelse
                                            </select>
                                            <sub>
                                                <a href="{{ route('admin.shift.index') }}"
                                                    class="text-danger text-italic" target="_blank">Create New?</a>
                                            </sub>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="benefit">Benefits</label>
                                            <select name="benefit_id[]" id="benefit" class="form-control select2"
                                                multiple>
                                                @forelse ($benefits as $benefit)
                                                    <option value="{{ $benefit->id }}" {!! matchSelected($benefit->id, old('benefit_id', $selectedBenefits ?? []), true) !!}>
                                                        {{ $benefit->name }}</option>
                                                @empty
                                                    <option value="" disabled>No Record Found</option>
                                                @endforelse
                                            </select>
                                            <sub>
                                                <a href="{{ route('admin.benefit.index') }}"
                                                    class="text-danger text-italic" target="_blank">Create New?</a>
                                            </sub>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="medical_license">Medical Licenses</label>
                                            <select name="medical_license_id[]" id="medical_license"
                                                class="form-control select2" multiple>
                                                @forelse ($medical_licenses as $medical_license)
                                                    <option value="{{ $medical_license->id }}" {!! matchSelected($medical_license->id, old('medical_license', $selectedMedicalLicenses ?? []), true) !!}>
                                                        {{ $medical_license->name }}</option>
                                                @empty
                                                    <option value="" disabled>No Record Found</option>
                                                @endforelse
                                            </select>
                                            <sub>
                                                <a href="{{ route('admin.medical-license.index') }}"
                                                    class="text-danger text-italic" target="_blank">Create New?</a>
                                            </sub>
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="malpractice_insurance">Malpractice Insurance <span class="text-danger">*</span></label>
                                            <select name="malpractice_insurance_type" id="malpractice_insurance"
                                                class="form-control select2" required>
                                                <option value="">Select Malpractice Insurance</option>
                                                <option value="buy" {!! matchSelected('buy', old('malpractice_insurance_type', $data->malpractice_insurance_type ?? '')) !!}>Buy</option>
                                                <option value="own" {!! matchSelected('own', old('malpractice_insurance_type', $data->malpractice_insurance_type ?? '')) !!}>Own</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="col-md-4" id="malpractice_insurance_link_area">
                                        <input type="hidden" name="malpractice_insurance_link_id"
                                            value="{{ $malpractice_insurance_link->id }}">
                                        <a href="{{ $malpractice_insurance_link->link }}" target="_blank"
                                            class="mt-2 d-inline-block">{{ $malpractice_insurance_link->name }}</a>
                                    </div>

                                    <div class="col-md-4" id="malpractice_insurance_document_area">
                                        <div class="form-group">
                                            <label for="malpractice_insurance_document">Malpractice Insurance
                                                Document</label>
                                            <input type="file" name="malpractice_insurance_document"
                                                id="malpractice_insurance_document" class="form-control">
                                            @if ($data->malpracticeInsuranceDocument()->first())
                                                <sub>
                                                    <a href="{{ $data->malpracticeInsuranceDocument()->first()->path }}"
                                                        class="text-danger text-italic"
                                                        download>{{ $data->malpracticeInsuranceDocument()->first()?->name }}</a>
                                                </sub>
                                            @endif
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <label for="datePicker">Select Dates: <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" id="datePicker" readonly
                                                name="date" required value="{{ $selectedDates ?? '' }}">
                                        </div>
                                    </div>

                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <label for="description">Description <span class="text-danger">*</span></label>
                                            <textarea type="text" name="description" maxlength="190" class="form-control" required>{{ old('description', $data->description) }}</textarea>
                                        </div>
                                    </div>

                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <label for="other_requirements">Other Requirements</label>
                                            <textarea type="text" name="other_requirements" maxlength="190" class="form-control">{{ old('other_requirements', $data->other_requirements) }}</textarea>
                                        </div>
                                    </div>

                                    <div class="col-md-12 text-right">
                                        <button type="submit"
                                            class="btn btn-primary mr-1 mb-1 waves-effect waves-light">Save
                                            Changes</button>
                                        <a href="{!! $form['cancel_url'] !!}"
                                            class="btn btn-danger mr-1 mb-1 waves-effect waves-light"
                                            style="color: white">Cancel</a>
                                    </div>

                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('footer-js')
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>

    <script>
        $(document).ready(function() {
            $("#title").on('blur', function() {
                var value = $(this).val();
                $('#slug').val(slugify(value));
            });

            malpracticeInsurance();

            $(document).on('change', '#malpractice_insurance', function() {
                malpracticeInsurance();
            });

            function malpracticeInsurance() {
                let malpractice_insurance = $('#malpractice_insurance').val();
                if (malpractice_insurance == 'buy') {
                    $('#malpractice_insurance_link_area').show();
                    $('#malpractice_insurance_document_area').hide();
                } else if (malpractice_insurance == 'own') {
                    $('#malpractice_insurance_link_area').hide();
                    $('#malpractice_insurance_document_area').show();
                } else {
                    $('#malpractice_insurance_link_area').hide();
                    $('#malpractice_insurance_document_area').hide();
                }
            }

            var selectedDates = [];

            $('#datePicker').datepicker({
                format: 'mm/dd/yyyy',
                multidate: true,
                todayHighlight: true
            }).on('changeDate', function(e) {
                var date = e.date;
                var dateString = moment(date).format('MM/DD/YYYY');
                if (!selectedDates.includes(dateString)) {
                    selectedDates.push(dateString);
                }
                $(this).val(selectedDates.join(", "));
            });
        });
    </script>
@endsection