@csrf
<div class="row">
    <div class="col-sm-9">
        <div class="card">
            <div class="card-head">
                <ul class="nav nav-tabs pull-right" data-toggle="tabs">
                    <li class="active"><a href="#first2">PAGE-EN</a></li>
                    <li><a href="#second2">PAGE-NP</a></li>
                    <li><a href="#third2">OPD Timing</a></li>
                </ul>
                <header>{!! $header !!}</header>
                <div class="tools visible-xs">
                    <a class="btn btn-default btn-ink" onclick="history.go(-1);return false;">
                        <i class="md md-arrow-back"></i>
                        Back
                    </a>
                    <input type="submit" name="draft" class="btn btn-info ink-reaction" value="Save Draft">
                    <input type="submit" name="publish" class="btn btn-primary ink-reaction" value="Publish">
                </div>
            </div>
            <div class="card-body tab-content">
                <div class="tab-pane active" id="first2">
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Name*</label>
                                <input class="form-control" type="text" required name="name"
                                    value="{{ old('name', isset($doctor->name) ? $doctor->name : '') }}"
                                    placeholder="Enter Your Name">
                                <span id="textarea1-error" class="text-danger">{{ $errors->first('name') }}</span>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Designation</label>
                                <input class="form-control" type="text" name="designation"
                                    value="{{ old('designation', isset($doctor->designation) ? $doctor->designation : '') }}"
                                    placeholder="Enter Your Designation">
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Speciality In*</label>
                                <input class="form-control" type="text" required name="specialization"
                                    value="{{ old('specialization', isset($doctor->specialization) ? $doctor->specialization : '') }}"
                                    placeholder="Enter Speciality In ">
                                <span id="textarea1-error"
                                    class="text-danger">{{ $errors->first('specialization') }}</span>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="Department">Service*</label>
                                <select name="service_id" id="department" class="form-control" required>
                                    <option value="" selected disabled>Select Service</option>
                                    @foreach ($services as $service)
                                        <option value="{{ $service->id }}"
                                            @if (isset($doctor)) @if ($doctor->service_id == $service->id) selected @endif
                                            @endif>{{ $service->name }}</option>
                                    @endforeach
                                </select>
                                <span id="textarea-error"
                                    class="text-danger">{{ $errors->first('department_id') }}</span>
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="council">NMC Registration No.</label>
                                <input type="text" class="form-control" name="council_no"
                                    value="{{ old('council_no', isset($doctor->council_no) ? $doctor->council_no : '') }}">
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label for="council">Rank</label>
                                <input type="number" class="form-control" name="rank"
                                    value="{{ old('rank', isset($doctor->rank) ? $doctor->rank : '') }}" required>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Address</label>
                                <input class="form-control" type="text" name="address"
                                    value="{{ old('address', isset($doctor->address) ? $doctor->address : '') }}"
                                    placeholder="Enter Address ">
                            </div>
                        </div>

                        <div class="col-sm-4">
                            <div class="form-group">
                                <label>Email</label>
                                <input class="form-control" type="email" name="email"
                                    value="{{ old('email', isset($doctor->email) ? $doctor->email : '') }}"
                                    placeholder="Enter Email ">
                            </div>
                        </div>

                        <div class="col-sm-4">
                            <div class="form-group">
                                <label>Phone</label>
                                <input class="form-control" type="tel" name="phone"
                                    value="{{ old('phone', isset($doctor->phone) ? $doctor->phone : '') }}"
                                    placeholder="Enter Your phone">
                            </div>
                        </div>
                    </div>

                    <h4>Social Links</h4>
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Facebook</label>
                                <input class="form-control" type="text" name="facebook"
                                    value="{{ old('facebook', isset($doctor->facebook) ? $doctor->facebook : '') }}"
                                    placeholder="Enter Facebook ">
                            </div>
                        </div>

                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Twitter</label>
                                <input class="form-control" type="text" name="twitter"
                                    value="{{ old('twitter', isset($doctor->twitter) ? $doctor->twitter : '') }}"
                                    placeholder="Enter Twitter ">
                            </div>
                        </div>

                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Linked in</label>
                                <input class="form-control" type="text" name="linkedin"
                                    value="{{ old('linkedin', isset($doctor->linkedin) ? $doctor->linkedin : '') }}"
                                    placeholder="Enter linkedin ">
                            </div>
                        </div>

                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Instagram</label>
                                <input class="form-control" type="text" name="instagram"
                                    value="{{ old('instagram', isset($doctor->instagram) ? $doctor->instagram : '') }}"
                                    placeholder="Enter Instagram ">
                            </div>
                        </div>
                        <div class="col-sm-3">
                            <div class="form-group">
                                <label>Website</label>
                                <input class="form-control" type="text" name="website"
                                    value="{{ old('website', isset($doctor->website) ? $doctor->website : '') }}"
                                    placeholder="Enter link to website ">
                            </div>
                        </div>
                    </div>

                    {{-- <h4>Work Schedule</h4>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Days</label>
                                <input class="form-control" type="text"  name="days" value="{{ old('days', isset($doctor->days) ? $doctor->days : '') }}" placeholder="Enter Days ">
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Time</label>
                                <input class="form-control" type="text"  name="time" value="{{ old('time', isset($doctor->time) ? $doctor->time : '') }}" placeholder="Enter Time ">
                            </div>
                        </div>

                    </div> --}}
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Work Experience</label>
                                <br>
                                <textarea name="experience" id="" class="ckeditor">{{ old('experience', isset($doctor->detail->experience) ? $doctor->detail->experience : '') }}</textarea>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Education</label>
                                <br>
                                <textarea name="education" id="" class="ckeditor">{{ old('education', isset($doctor->detail->education) ? $doctor->detail->education : '') }}</textarea>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label>Accomplishment</label>
                                <br>
                                <textarea name="accomplishment" id="" class="ckeditor">{{ old('accomplishment', isset($doctor->detail->accomplishment) ? $doctor->detail->accomplishment : '') }}</textarea>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="tab-pane" id="second2">
                    {{--                <input class="hidden" value="{{$pages}}"> --}}
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label>Name NP</label>
                                <input class="form-control" type="text" name="name_np"
                                    value="{{ old('name_np', isset($doctor->name_np) ? $doctor->name_np : '') }}"
                                    placeholder="Enter Your Name">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label>Designation In NP</label>
                                <input class="form-control" type="text" name="designation_np"
                                    value="{{ old('designation_np', isset($doctor->designation_np) ? $doctor->designation_np : '') }}"
                                    placeholder="Enter Designation In ">
                            </div>
                        </div>
                        <div class="col-sm-4">
                            <div class="form-group">
                                <label>Speciality In NP</label>
                                <input class="form-control" type="text" name="specialization_np"
                                    value="{{ old('specialization_np', isset($doctor->specialization_np) ? $doctor->specialization_np : '') }}"
                                    placeholder="Enter Speciality In ">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label for="address">Address in NP</label>
                            <input type="text" class="form-control" name="address_np"
                                value="{{ old('address_np', isset($doctor->address_np) ? $doctor->address_np : '') }}"
                                placeholder="Enter Address in Np">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Work Experience NP*</label>
                                <br>
                                <textarea name="experience_np" id="" class="ckeditor">{{ old('experience_np', isset($doctor->detail->experience_np) ? $doctor->detail->experience_np : '') }}</textarea>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="form-group">
                                <label>Education NP*</label>
                                <br>
                                <textarea name="education_np" id="" class="ckeditor">{{ old('education_np', isset($doctor->detail->education_np) ? $doctor->detail->education_np : '') }}</textarea>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label>Accomplishment NP*</label>
                                <br>
                                <textarea name="accomplishment_np" id="" class="ckeditor">{{ old('accomplishment_np', isset($doctor->detail->accomplishment_np) ? $doctor->detail->accomplishment_np : '') }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="third2">
                    @if (isset($doctor->schedules))
                        <div class="row">
                            @foreach ($doctor->schedules as $schedule)
                                <div class="col-sm-5">
                                    <div class="form-group">
                                        <input type="hidden" class="form-control"
                                            name="schedule_id[{{ $schedule->id }}]" value="{{ $schedule->id }}">
                                        <input type="hidden" class="form-control" name="doctor_id">
                                        <label for="days">Days</label>
                                        <select name="day[{{ $schedule->id }}]" id="day" class="form-control">
                                            <option value="" selected disabled>Select Day</option>
                                            <option value="Sunday" @if ($schedule->day == 'Sunday') selected @endif>
                                                Sunday</option>
                                            <option value="Monday" @if ($schedule->day == 'Monday') selected @endif>
                                                Monday</option>
                                            <option value="Tuesday" @if ($schedule->day == 'Tuesday') selected @endif>
                                                Tuesday</option>
                                            <option value="Wednesday"
                                                @if ($schedule->day == 'Wednesday') selected @endif>Wednesday</option>
                                            <option value="Thursday" @if ($schedule->day == 'Thursday') selected @endif>
                                                Thursday</option>
                                            <option value="Friday" @if ($schedule->day == 'Friday') selected @endif>
                                                Friday</option>
                                            <option value="Saturday" @if ($schedule->day == 'Saturday') selected @endif>
                                                Saturday</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-5">
                                    <div class="form-group">
                                        <label for="time[]">Timing</label>
                                        <input type="text" class="form-control" name="time[{{ $schedule->id }}]"
                                            value="{{ $schedule->time ? $schedule->time : '' }}">
                                    </div>
                                </div>
                            @endforeach

                            <div class="col-sm-2">
                                <div class="form-group">
                                    <button class="btn btn-primary addRowBtn" type="button"
                                        id="addRowBtn">+</button>
                                </div>
                            </div>
                        </div>
                    @else
                        <div class="row">
                            <div class="col-sm-5">
                                <div class="form-group">
                                    <label for="days">Days</label>
                                    <select name="day[]" id="day" class="form-control">
                                        <option value="" selected disabled>Select Day</option>
                                        <option value="Sunday">Sunday</option>
                                        <option value="Monday">Monday</option>
                                        <option value="Tuesday">Tuesday</option>
                                        <option value="Wednesday">Wednesday</option>
                                        <option value="Thursday">Thursday</option>
                                        <option value="Friday">Friday</option>
                                        <option value="Saturday">Saturday</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-5">
                                <div class="form-group">
                                    <label for="time[]">Timing</label>
                                    <input type="text" class="form-control" name="time[]">
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <button class="btn btn-primary addRowBtn" type="button"
                                        id="addRowBtn">+</button>
                                </div>
                            </div>
                        </div>
                    @endif
                    <div class="new-schedule-row">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="" data-spy="affix" data-offset-top="50">
            <div class="panel-group" id="accordion1">
                <div class="card panel expanded">
                    <div class="card-head" data-toggle="collapse" data-parent="#accordion1"
                        data-target="#accordion1-1">
                        <header>Publish</header>
                        <div class="tools">
                            <a class="btn btn-icon-toggle"><i class="fa fa-angle-down"></i></a>
                        </div>
                    </div>
                    <div id="accordion1-1" class="collapse in">
                        <div class="card-actionbar">
                            <div class="card-actionbar-row">
                                <a class="btn btn-default btn-ink" href="{{ route('doctor.index') }}">
                                    <i class="md md-arrow-back"></i>
                                    Back
                                </a>
                                <input type="submit" name="pageSubmit" class="btn btn-info ink-reaction"
                                    value="Save">
                            </div>
                        </div>
                        <div class="card-head">
                            <div class="side-label">
                                <div class="label-head">
                                    <span>Published</span>
                                </div>
                                <div class="label-body">
                                    <input type="checkbox" id="switch_demo_1" name="is_published"
                                        {{ old('is_published', isset($doctor->is_published) ? $doctor->is_published : '') == '1' ? 'checked' : '' }}
                                        data-switchery />
                                </div>
                            </div>
                            <div class="side-label">
                                <div class="label-head">
                                    <span>Active</span>
                                </div>
                                <div class="label-body">
                                    <input type="checkbox" id="switch_demo_1" name="is_active"
                                        {{ old('is_active', isset($doctor->is_active) ? $doctor->is_active : '') == '1' ? 'checked' : '' }}
                                        data-switchery />
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <!--end .panel -->
                <!--end .panel -->
                <!--end .panel -->
                <!--end .panel -->
                {{--            </div><!--end .panel-group --> --}}
                {{--        <div class="panel-group" id="accordion1"> --}}

                <!--end .panel -->
                <!--end .panel -->
                <!--end .panel -->
                <!--end .panel -->
            </div>
            <!--end .panel-group -->
            <div class="panel-group" id="accordion1">
                <div class="card panel expanded">
                    <div class="card-head" data-toggle="collapse" data-parent="#accordion2"
                        data-target="#accordion2-1">
                        <header>Image</header>
                        <div class="tools">
                            <a class="btn btn-icon-toggle"><i class="fa fa-angle-down"></i></a>
                        </div>
                    </div>
                    <div id="accordion1-1" class="collapse in">
                        <div class="card-head">
                            <div class="side-label">
                                <label class="text-default-light">Featured Image(Optional)</label>
                                @if (isset($doctor) && $doctor->image)
                                    <input type="file" name="image" class="dropify"
                                        data-default-file="{{ asset($doctor->image_path) }}" />
                                @else
                                    <input type="file" name="image" class="dropify" />
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
                <!--end .panel -->
                <!--end .panel -->
                <!--end .panel -->
                <!--end .panel -->
                {{--            </div><!--end .panel-group --> --}}
                {{--        <div class="panel-group" id="accordion1"> --}}

                <!--end .panel -->
                <!--end .panel -->
                <!--end .panel -->
                <!--end .panel -->
            </div>
            <!--end .panel-group -->
        </div>
    </div>
</div>


@push('scripts')
    <script>
        $(document).ready(function() {

            var append =
                "{{ isset($doctor->schedules) ? ($doctor->schedules->last() ? $doctor->schedules->last()->id + 1 : 1) : 1 }}";
            console.log(append);
            $('#addRowBtn').on('click', function(e) {
                e.preventDefault();
                // alert('clicked');
                $('.new-schedule-row').append(`
                <div class="row">
                    <div class="col-sm-5">
                        <div class="form-group">
                            <input type="hidden" class="form-control" name="doctor_id">
                            <input type="hidden" class="form-control" name="schedule_id[${append}]">
                            <label for="days">Days</label>
                            <select name="day[${append}]" id="day" class="form-control">
                                <option value="" selected disabled>Select Day</option>
                                <option value="Sunday">Sunday</option>
                                <option value="Monday">Monday</option>
                                <option value="Tuesday">Tuesday</option>
                                <option value="Wednesday">Wednesday</option>
                                <option value="Thursday">Thursday</option>
                                <option value="Friday">Friday</option>
                                <option value="Saturday">Saturday</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-sm-5">
                        <div class="form-group">
                            <label for="time">Timing</label>
                            <input type="text" class="form-control" name="time[${append}]">
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="form-group">
                            <button class="btn btn-danger removeRowBtn" type="button" id="removeRowBtn">-</button>
                        </div>
                    </div>
                </div>`);
                append++;
                $('.removeRowBtn').on('click', function() {
                    e.preventDefault();
                    // alert('remove row');
                    $(this).parent().parent().parent().remove();
                });
            });
        });
    </script>
@endpush