@extends('layouts')
@section('main')
    <div class="container-fluid">
        <div class="row">
            <div class="card_me extre_pd">
                <div class="top_white_header">
                    <div class="row">
                        <div class="col-auto my-auto">
                            <h3 class="title_red"><a href="{{ route('manage-doctor') }}"><i
                                        class="fa-solid fa-arrow-left me-3"></i></a>{{ $moduleName }}</h3>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <form id="add_doctor_form" method="post">
                        @csrf
                        <input type="hidden" name="dr_id" value="{{ isset($doctor->id) ? $doctor->id : '' }}">
                        <div class="row">
                            <div class="col-lg-4 col-md-4 col-sm6 col-12">
                                <div class="mb-3">
                                    <label for="doctor_name_id" class="form-label">Doctor Name</label>
                                    <input type="text" class="form-control" id="doctor_name_id" name="doctor_name"
                                        value="{{ isset($doctor->name) ? $doctor->name : '' }}"
                                        oninput="this.value = this.value.replace(/[^a-zA-Z\s]/g, '');"
                                        placeholder="Enter Your Doctor Name" disabled>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm6 col-12">
                                <div class="mb-3">
                                    <label for="sc_code_id" class="form-label">SC Code</label>
                                    <input type="text" class="form-control" id="sc_code_id" name="sc_code"
                                        value="{{ isset($doctor->sc_code) ? $doctor->sc_code : '' }}"
                                        oninput="this.value = this.value.replace(/[^0-9]/g, '');"
                                        placeholder="Enter Your SC Code" disabled>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm6 col-12">
                                <div class="mb-3 select_error">
                                    <label for="speciality_id" class="form-label">Speciality</label>
                                    <select class="select2 js-example-basic-single select-label form-control w-100"
                                        name="speciality" id="speciality_id" disabled>
                                        <option value="" selected>Select Speciality</option>
                                        @foreach ($speciality as $key => $val)
                                            <option value="{{ $key }}"
                                                {{ isset($doctor->speciality_id) && $doctor->speciality_id == $key ? 'selected' : '' }}>
                                                {{ $val }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm6 col-12">
                                <div class="mb-3">
                                    <label for="clinic_name_id" class="form-label">Clinic Name</label>
                                    <input type="text" class="form-control" id="clinic_name_id" name="clinic_name"
                                        value="{{ isset($doctor->clinic_name) ? $doctor->clinic_name : '' }}"
                                        oninput="this.value = this.value.replace(/[^a-zA-Z0-9\s]/g, '');"
                                        placeholder="Enter Your Clinic Name" disabled>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm6 col-12">
                                <div class="mb-3">
                                    <label for="country_id" class="form-label">Country Name</label>
                                    <input type="text" class="form-control" id="country_id" name="country"
                                        value="{{ isset($doctor->country) ? $doctor->country : '' }}"
                                        oninput="this.value = this.value.replace(/[^a-zA-Z\s]/g, '');"
                                        placeholder="Enter Your Country Name" disabled>
                                </div>
                            </div>
                            {{--                            <div class="col-lg-4 col-md-4 col-sm6 col-12"> --}}
                            {{--                                <div class="mb-3 select_error"> --}}
                            {{--                                    <label for="state_id" class="form-label">State</label> --}}
                            {{--                                    <select class="select2 js-example-basic-single select-label form-control w-100" --}}
                            {{--                                            name="state" id="state_id" disabled> --}}
                            {{--                                        <option value="" selected>Select State</option> --}}
                            {{--                                        @foreach ($state as $key => $val) --}}
                            {{--                                            <option --}}
                            {{--                                                value="{{$key}}" {{ isset($doctor) && $doctor->state == $key ? 'selected' : '' }}>{{$val}}</option> --}}
                            {{--                                        @endforeach --}}
                            {{--                                    </select> --}}
                            {{--                                </div> --}}
                            {{--                            </div> --}}
                            <div class="col-lg-4 col-md-4 col-sm6 col-12">
                                <div class="mb-3">
                                    <label for="city_id" class="form-label">City</label>
                                    <input type="text" class="form-control" id="city_id" name="city"
                                        value="{{ isset($doctor->city) ? $doctor->city : '' }}"
                                        oninput="this.value = this.value.replace(/[^a-zA-Z\s]/g, '');"
                                        placeholder="Enter Your City Name" disabled>
                                </div>
                            </div>
                            <div class="w-100"></div>
                            @foreach ($topicNames as $key => $val)
                                <div class="col-lg-3 col-md-4 col-sm6 col-12">
                                    <div class="white_shadow_rs" style="height: 295.188px;">
                                        <div class="mb-3">
                                            <h4 class="title_red">{{ $val }}</h4>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Uploaded Video</label>
                                            <div class="youtube_black">
                                                <img src="{{ asset('/assets/images/login-left.png') }}"
                                                    class="youtube_thub" width="100%">
                                                <a href="{{ $videoUrls[$key] }}" class="my-video" data-autoplay="true"
                                                    data-vbtype="video"><img
                                                        src="{{ asset('/assets/images/youtube_play.png') }}"
                                                        class="youtube_icon"></a>
                                            </div>
                                        </div>
                                        <div class="mb-0">
                                            <p><b>{{ $videoNames[$key] }}</b></p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                            @foreach ($pdfTopicNames as $key => $val)
                                <div class="col-lg-3 col-md-4 col-sm-6 col-12">
                                    <div class="white_shadow_rs" style="height: 295.188px; background: #f7e9ff">
                                        <div class="mb-3">
                                            <h4 class="title_red">{{ $val }}</h4>
                                        </div>
                                        <div class="mb-3">
                                            <label class="form-label">Uploaded PDF</label>
                                            <div class="youtube_black text-center" style="position: relative;">
                                                <a href="{{ $pdfUrls[$key] }}" target="_blank">
                                                    <img src="{{ asset('/assets/images/login-left.png') }}"
                                                        class="youtube_thub mb-2" width="60%">
                                                    <img src="{{ asset('/assets/images/youtube_play_pdf.png') }}"
                                                        class="youtube_icon"
                                                        style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
                                                    <p class="mb-0 mt-2"><b>Open PDF</b></p>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="mb-0">
                                            <p><b>{{ $pdfNames[$key] }}</b></p>
                                        </div>
                                    </div>
                                </div>
                            @endforeach


                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function() {
            new VenoBox({
                selector: '.my-video',
            });
        });
    </script>
@endsection