@extends('layouts.app')
@section('title')
    {{ __('messages_301.Doctors') }}
@endsection
@section('style')
    <style>
        .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 100% !important;
        }
    </style>
@endsection
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        @include('inc.breadcrumb', [
            'breadcrumb_items' => [
                __('messages.Home') => route('home'),
                __('messages_301.Doctors') => 'active',
            ],
        ])



        <div class="row justify-content-center">
            <!-- Form controls -->
            <div class="col-md-12">
                <!-- Multi Column with Form Separator -->
                <div class="card mb-4">
               

          
              
                </div>
            </div>
        </div>

    </div>
@endsection

@section('script')
    <script src="{{ asset('assets/js/pages-account-settings-account.js') }}"></script>
    <script>
        $(function() {

            @if (old('country_id'))
                get_universities("{{ old('country_id') }}")
            @endif

            $(".country_list").change(function() {
                var country_id = $(this).val();
                get_universities(country_id)
            })



            function get_universities(country_id) {

                var url = "{{ route('admin.universities_by_countries') }}?country_id=" + country_id;
                $.ajax({
                    url,
                    success: function(res) {
                        console.log(res)
                        $(".university_list").html(res)

                        var old_city_id = "{{ old('university_id') }}";
                        if (old_city_id) {
                            $(".university_list").val(old_city_id);
                        }
                    }
                })
            }
        })
    </script>
@endsection