@extends('layouts.patient.layout')
@section('title')
<title>{{ $title_meta->department_title }}</title>
@endsection
@section('meta')
<meta name="description" content="{{ $title_meta->department_meta_description }}">
@endsection
@section('patient-content')

<!--Banner Start-->
<div class="banner-area flex" style="background-image:url({{ $banner->department ? url($banner->department) : '' }});">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="banner-text">
                    <h1>{{ $navigation->appointment }}</h1>
                    <ul>
                        <li><a href="{{ url('/') }}">{{ $navigation->home }}</a></li>
                        <li><span>{{ $navigation->appointment }}</span></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Banner End-->
@php
    $modalDepartments=App\Department::where('status',1)->get();
@endphp
<div class="case-study-home-page case-study-area pt_50">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-6 mt_15">
                <form action="{{ url('create-appointment') }}" method="POST">
                    @csrf
                    <div class="form-group">
                        <label for="">{{ $websiteLang->where('lang_key','select_doc')->first()->custom_lang }}</label>
                        <select name="department_id" onchange="loadDoctor()" class="form-control department-id select2">
                            <option value="">{{ $websiteLang->where('lang_key','select_dep')->first()->custom_lang }}</option>
                            @foreach ($modalDepartments as $item)
                            <option value="{{ $item->id }}">{{ $item->name }}</option>
                            @endforeach

                        </select>
                    </div>
                    <div class="form-group" id="modal-doctor-box">
                        <label for="">{{ $websiteLang->where('lang_key','select_doc')->first()->custom_lang }}</label>
                        <select name="" class="form-control doctor-id select2" onchange="loadDate()" >
                            <option value="">{{ $websiteLang->where('lang_key','select_doc')->first()->custom_lang }}</option>
                        </select>
                    </div>
                    <div class="form-group" id="modal-date-box">
                        <label for="">{{ $websiteLang->where('lang_key','select_date')->first()->custom_lang }}</label>
                        <input type="text" name="date" class="form-control datepicker" onchange="loadSchedule()" id="modal-datepicker-value">
                        <input type="hidden" name="doctor_id" value="" id="modal_doctor_id">
                    </div>
                    <div class="form-group" id="modal-schedule-box">
                        <label for="">{{ $websiteLang->where('lang_key','select_schedule')->first()->custom_lang }}</label>
                        <select name="schedule_id" class="form-control" id="available-modal-schedule">

                        </select>
                    </div>
                    <div id="modal-schedule-error" class="d-none"></div>
                    <div class="form-group">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">{{ $websiteLang->where('lang_key','close')->first()->custom_lang }}</button>
                        <input type="submit" value="{{ $websiteLang->where('lang_key','submit')->first()->custom_lang }}" class="btn btn-primary" id="modal-sub" disabled>
                    </div>
                </form>
            </div>
        </div>
        <div class="mb-5">
            {{ $departments->links('patient.paginator') }}
        </div>

    </div>
</div>


@endsection