@extends('layouts.admin')

@section('content')

<div class="card">
	<div class="d-sm-flex align-items-center justify-content-between">
        <h5 class=" mb-0 text-gray-800 pl-3">{{ __('Add New Listing') }} <a class="btn btn-primary btn-rounded btn-sm" href="{{route('admin.listing.index')}}"><i class="fas fa-arrow-left"></i> {{ __('Back') }}</a></h5>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('Dashboard') }}</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.listing.create',['type'=> request()->type]) }}">{{ __('Add New Listing') }}</a></li>
        </ol>
	</div>
</div>

<div class="row justify-content-center mt-3">
    <div class="col-md-12">
        <div class="card mb-4">
            <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 font-weight-bold text-primary">{{ __('Add New Listing Form') }}</h6>
            </div>

            <div class="card-body">
                <div class="gocover" style="background: url({{asset('assets/images/'.$gs->admin_loader)}}) no-repeat scroll center center rgba(45, 45, 45, 0.5);"></div>
                <form class="geniusform" action="{{route('admin.listing.store')}}" method="POST" enctype="multipart/form-data">
                    @include('includes.admin.form-both')
                    {{ csrf_field() }}

                    <input type="hidden" name="type" value="{{ request()->type }}">
                    <div class="container pl-0 pr-0 ml-0 mr-0 w-100 mw-100">
                        <div id="tabs">
                            <ul class="nav nav-pills nav-justified mb-3" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link bsc active" data-toggle="pill" href="#basic">{{ __('Basic') }}</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link amenities" data-toggle="pill" href="#amenities">{{ __('Amenities') }}</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link media" data-toggle="pill" href="#media">{{ __('Media') }}</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link schedule" data-toggle="pill" href="#schedule">{{ __('Schedule') }}</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link contact" data-toggle="pill" href="#contact">{{ __('Contact') }}</a>
								</li>
								
								@if (request()->type == 'doctor')
                                    <li class="nav-item">
                                        <a class="nav-link doctor" data-toggle="pill" href="#doctor">{{ __('Doctor') }}</a>
                                    </li>
                                @endif
								
                               <li class="nav-item">
                                    <a class="nav-link faq" data-toggle="pill" href="#faq">{{ __('FAQ') }}</a>
                                </li>
                            </ul>

                            <!-- Tab panes -->
                            <div class="tab-content">
                                <div id="basic" class="container tab-pane active"><br>
                                    @if (request()->type == 'doctor')
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('Name') }} *</h4>
                                                </div>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="input-field" name="name" placeholder="{{ __('Name') }}" value="">
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('Doctor Speciality') }}</h4>
                                                </div>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="input-field" name="designation" placeholder="{{ __('Doctor Speciality') }}" value="">
                                            </div>
                                        </div>
									
										<div class="row">
												<div class="col-lg-3">
													<div class="left-area">
														<h4 class="heading">{{ __('Degree') }}</h4>
													</div>
												</div>
												<div class="col-lg-9">
													<input type="text" class="input-field" name="degree" placeholder="{{ __('Degree') }}" value="">
												</div>
											</div>
                                        
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('Slug') }} *</h4>
                                                </div>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="input-field" name="slug" placeholder="{{ __('Slug') }}" value="">
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('Category') }} </h4>
                                                </div>
                                            </div>
                                            <div class="col-lg-9">
                                                <select name="category_id" class="input-field">
                                                    <option value="" selected>{{__('Please select a category')}}</option>
                                                    @foreach ($healthcategories as $key=>$category)
                                                    <option value="{{$category->id}}">{{$category->title}}</option>
                                                    @if ($category->child)
                                                        @foreach ($category->child as $key=>$childlocation)
                                                            <option value="{{$childlocation->id}}">-{{$childlocation->title}}</option>
                                                        @endforeach
                                                    @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>

                                    @else
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('Name') }} *</h4>
                                                </div>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="input-field" name="name" placeholder="{{ __('Name') }}" value="">
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('Slug') }} *</h4>
                                                </div>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="input-field" name="slug" placeholder="{{ __('Slug') }}" value="">
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('Designation') }}</h4>
                                                </div>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="input-field" name="designation" placeholder="{{ __('Designation') }}" value="">
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('Category') }} </h4>
                                                </div>
                                            </div>
                                            <div class="col-lg-9">
                                                <select name="category_id" class="input-field">
                                                    <option value="" selected>{{__('Please select a category')}}</option>
                                                    @foreach ($pharmacategories as $key=>$category)
                                                    <option value="{{$category->id}}">{{$category->title}}</option>
                                                    @if ($category->child)
                                                        @foreach ($category->child as $key=>$childlocation)
                                                            <option value="{{$childlocation->id}}">-{{$childlocation->title}}</option>
                                                        @endforeach
                                                    @endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endif

                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Location') }} </h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-9">
                                            <select id="location" name="location_id" class="input-field">
                                                <option value="" selected>{{__('Please select a location')}}</option>
                                                @foreach ($locations as $key=>$location)
                                                    <option value="{{$location->id}}">{{ucfirst($location->name)}}</option>
                                                    @if ($location->child)
                                                        @foreach ($location->child as $key=>$childlocation)
                                                            <option value="{{$childlocation->id}}">--{{ ucfirst($childlocation->name)}}</option>
                                                        @endforeach
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
									
									<div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Gender') }}</h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-9">
                                            <select id="gender" name="gender" class="input-field">
                                                <option value="0" selected>{{__('Please select a gender')}}</option>
                                                <option value="1">{{__('Male')}}</option>
												<option value="2">{{__('Female')}}</option>
											</select>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Address') }} *</h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="input-field" name="real_address" placeholder="{{ __('Address') }}" value="">
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Map Latitude') }}</h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="input-field" name="latitude"  placeholder="{{ __('Latitude') }}" value="">
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Map Longitude') }}</h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="input-field" name="longitude"  placeholder="{{ __('Longitude') }}" value="">
                                        </div>
                                    </div>

                                    @if (request()->type == 'doctor')
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('Department') }} </h4>
                                                </div>
                                            </div>
                                            <div class="col-lg-9">
                                                <select name="department_name" class="input-field">
                                                    <option value="selected" selected>{{__('Please select a department')}}</option>
                                                    @foreach ($departments as $key=>$department)
                                                    	<option value="{{$department->slug}}">{{$department->name}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    @endif
									
									<div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Description') }} *</h4>
                                            </div>
                                        </div>

                                        <div class="col-lg-9">
                                            <textarea name="description" class="input-field" placeholder="{{ __('Description') }}" cols="30" rows="10"></textarea>
                                        </div>
                                    </div>

                                    <div class="row mt-3 is_top">
                                        <div class="col-lg-3">
                                            <div class="left-area">

                                            </div>
                                        </div>
                                        <div class="col-lg-9">
                                            <div class="form-check">
                                                <input type="checkbox" name="is_feature" class="form-check-input" value="1" id="is_feature">
                                                <label class="form-check-label" for="is_feature">{{ __('Check if this directory is on top') }}</label>
                                            </div>
                                        </div>
                                    </div>

                                    <ul class="list-inline mt-3 mb-0  text-center">
                                        <li class="list-inline-item">
                                            <a href="javascript:;" data-href=".amenities" class="next-prev btn btn-primary"> {{ __('Next') }} </a>
                                        </li>
                                    </ul>

                                </div>

                                <div id="amenities" class="container tab-pane"><br>
                                    <div class="row">
                                        @if ($amenities)
                                            @foreach($amenities as $key=>$amenity)
                                                <div class="col-md-4">
                                                    <div class="form-check">
                                                        <input type="checkbox" class="form-check-input" name="amenities[{{ $amenity->icon }}][]" value="{{$amenity->name}}" id="{{$amenity->name}}-option-{{$key}}">
                                                        <label class="form-check-label" for="{{$amenity->name}}-option-{{$key}}">{{ $amenity->name }}</label>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>

                                    <ul class="list-inline mt-3 mb-0  text-center">
                                        <li class="list-inline-item">
                                            <a href="javascript:;" data-href=".bsc" class="next-prev btn btn-primary"> {{ __('Prev') }} </a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a href="javascript:;" data-href=".media" class="next-prev btn btn-primary"> {{ __('Next') }} </a>
                                        </li>
                                    </ul>
                                </div>

                                <div id="media" class="container tab-pane"><br>
                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Listing Video Provider') }}</h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-9">
                                            <select name="listing_video_provider" class="input-field">
                                                <option value="youtube">{{ __('Youtube') }}</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Listing Video Url') }}</h4>
                                            </div>
                                        </div>

                                        <div class="col-lg-9">
                                            <input type="text" class="input-field" name="listing_video" placeholder="https://www.youtube.com/watch?v=AXrHbrMrun0" value="">
                                        </div>
                                    </div>

                                    <div class="row mb-4">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Listing Thumbnail') }}*</h4>
                                                <p class="sub-heading">({{ __('Preferred Size 600 x 600') }})</p>
                                            </div>
                                        </div>
                                        <div class="col-lg-9">
                                            <div class="wrapper-image-preview">
                                                <div class="box">
                                                    <div class="back-preview-image" style="background-image: url({{ asset('assets/images/default.png') }});"></div>
                                                    <div class="upload-options">
                                                        <label class="img-upload-label" for="img-upload"> <i class="fas fa-camera"></i> {{ __('Upload Picture') }} </label>
                                                        <input id="img-upload" type="file" class="image-upload" name="photo" accept="image/*">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Listing Gallary') }}</h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-9">
                                            <button type="button" class="btn btn-primary set-gallery" data-toggle="modal" data-target="#setgallery" id="#myBtn">
                                                <i class="icofont-plus"></i> {{__('Set Gallery')}}
                                            </button>
                                            <input type="file" name="gallery[]" class="hidden" id="propertyuploadgallery" accept="image/*" multiple>
                                        </div>
                                    </div>

                                    <ul class="list-inline mt-3 mb-0  text-center">
                                        <li class="list-inline-item">
                                            <a href="javascript:;" data-href=".amenities" class="next-prev btn btn-primary"> {{ __('Prev') }} </a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a href="javascript:;" data-href=".schedule" class="next-prev btn btn-primary"> {{ __('Next') }} </a>
                                        </li>
                                    </ul>

                                </div>

                                <div id="schedule" class="container tab-pane"><br>

                                    <div class="row">
                                        <div class="col-lg-2">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Saturday') }} *</h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-5">
                                            <select class="input-field" name="saturday_opening">
                                                <option value="" selected>{{__('Opening Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>

                                        <div class="col-lg-5">
                                            <select class="input-field" name="saturday_closing">
                                                <option value="" selected>{{__('Closing Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-2">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Sunday') }} *</h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-5">
                                            <select class="input-field" name="sunday_opening">
                                                <option value="" selected>{{__('Opening Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>

                                        <div class="col-lg-5">
                                            <select class="input-field" name="sunday_closing">
                                                <option value="" selected>{{__('Closing Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-2">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Monday') }} *</h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-5">
                                            <select class="input-field" name="monday_opening">
                                                <option value="" selected>{{__('Opening Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>

                                        <div class="col-lg-5">
                                            <select class="input-field" name="monday_closing">
                                                <option value="" selected>{{__('Closing Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-2">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Tuesday') }} *</h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-5">
                                            <select class="input-field" name="tuesday_opening">
                                                <option value="" selected>{{__('Opening Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>

                                        <div class="col-lg-5">
                                            <select class="input-field" name="tuesday_closing">
                                                <option value="" selected>{{__('Closing Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-2">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Wednesday') }} *</h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-5">
                                            <select class="input-field" name="wednesday_opening">
                                                <option value="" selected>{{__('Opening Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>

                                        <div class="col-lg-5">
                                            <select class="input-field" name="wednesday_closing">
                                                <option value="" selected>{{__('Closing Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-2">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Thursday') }} *</h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-5">
                                            <select class="input-field" name="thursday_opening">
                                                <option value="" selected>{{__('Opening Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>

                                        <div class="col-lg-5">
                                            <select class="input-field" name="thursday_closing">
                                                <option value="" selected>{{__('Closing Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-2">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Friday') }} *</h4>
                                            </div>
                                        </div>
                                        <div class="col-lg-5">
                                            <select class="input-field" name="friday_opening">
                                                <option value="" selected>{{__('Opening Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>

                                        <div class="col-lg-5">
                                            <select class="input-field" name="friday_closing">
                                                <option value="" selected>{{__('Closing Time')}}</option>
                                                <option value="12 am">12 am</option>
                                                <option value="01 am">01 am</option>
                                                <option value="02 am">02 am</option>
                                                <option value="03 am">03 am</option>
                                                <option value="04 am">04 am</option>
                                                <option value="05 am">05 am</option>
                                                <option value="06 am">06 am</option>
                                                <option value="07 am">07 am</option>
                                                <option value="08 am">08 am</option>
                                                <option value="09 am">09 am</option>
                                                <option value="10 am">10 am</option>
                                                <option value="11 am">11 am</option>
                                                <option value="12 pm">12 pm</option>
                                                <option value="01 pm">01 pm</option>
                                                <option value="02 pm">02 pm</option>
                                                <option value="03 pm">03 pm</option>
                                                <option value="04 pm">04 pm</option>
                                                <option value="05 pm">05 pm</option>
                                                <option value="06 pm">06 pm</option>
                                                <option value="07 pm">07 pm</option>
                                                <option value="08 pm">08 pm</option>
                                                <option value="09 pm">09 pm</option>
                                                <option value="10 pm">10 pm</option>
                                                <option value="11 pm">11 pm</option>
                                                <option value="closed">Closed</option>
                                            </select>
                                        </div>
                                    </div>

                                    <ul class="list-inline mt-3 mb-0  text-center">
                                        <li class="list-inline-item">
                                            <a href="javascript:;" data-href=".media" class="next-prev btn btn-primary"> {{ __('Prev') }} </a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a href="javascript:;" data-href=".contact" class="next-prev btn btn-primary"> {{ __('Next') }} </a>
                                        </li>
                                    </ul>

                                </div>

                                <div id="contact" class="container tab-pane"><br>
                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Website') }}</h4>
                                            </div>
                                        </div>

                                        <div class="col-lg-9">
                                            <input type="text" class="input-field" id="inp-website" name="website" placeholder="{{ __('Website') }}">
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Email') }} *</h4>
                                            </div>
                                        </div>

                                        <div class="col-lg-9">
                                            <input type="text" class="input-field" name="email" placeholder="{{ __('Email') }}">
                                        </div>
                                    </div>
									
                                    @if (request()->type == 'doctor')
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('Landline number') }}</h4>
                                                </div>
                                            </div>

                                            <div class="col-lg-9">
                                                <input type="text" class="input-field" name="landline_number" placeholder="{{ __('Landline number') }}">
                                            </div>
                                        </div>
                                        
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('Appoinment Contact Number') }}</h4>
                                                </div>
                                            </div>

                                            <div class="col-lg-9">
                                                <input type="text" class="input-field" name="appoinment_number" placeholder="{{ __('Appoinmnet Contact Number') }}">
                                            </div>
                                        </div>
                                    @endif

                                    @if (request()->type == 'pharma')
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('Contact Person') }}</h4>
                                                </div>
                                            </div>

                                            <div class="col-lg-9">
                                                <input type="text" class="input-field" name="contact_person" placeholder="{{ __('Contact Person') }}">
                                            </div>
                                        </div>
                                        
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('Contact Person Number') }}</h4>
                                                </div>
                                            </div>

                                            <div class="col-lg-9">
                                                <input type="text" class="input-field" name="contact_person_number" placeholder="{{ __('Contact Person Number') }}">
                                            </div>
                                        </div>
                                    @endif

                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Phone number') }}</h4>
                                            </div>
                                        </div>

                                        <div class="col-lg-9">
                                            <input type="text" class="input-field" name="phone_number" placeholder="{{ __('Phone number') }}">
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Facebook') }}</h4>
                                            </div>
                                        </div>

                                        <div class="col-lg-9">
                                            <input type="text" class="input-field" name="facebook" placeholder="{{ __('Facebook') }}">
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Twitter') }}</h4>
                                            </div>
                                        </div>

                                        <div class="col-lg-9">
                                            <input type="text" class="input-field" name="twitter" placeholder="{{ __('Twitter') }}">
                                        </div>
                                    </div>
									
									<div class="row">
                                        <div class="col-lg-3">
                                            <div class="left-area">
                                                <h4 class="heading">{{ __('Linkedin') }}</h4>
                                            </div>
                                        </div>

                                        <div class="col-lg-9">
                                            <input type="text" class="input-field" name="linkedin" placeholder="{{ __('Linkedin') }}">
                                        </div>
                                    </div>

                                    @if (request()->type == 'doctor')
									<ul class="list-inline mt-3 mb-0  text-center">
                                        <li class="list-inline-item">
                                            <a href="javascript:;" data-href=".schedule" class="next-prev btn btn-primary"> {{ __('Prev') }} </a>
                                        </li>
                                        <li class="list-inline-item">
                                        <a href="javascript:;" data-href=".doctor" class="next-prev btn btn-primary"> {{ __('Next') }} </a>
                                        </li>
									</ul>
                                    @else

                                    <ul class="list-inline mt-3 mb-0  text-center">
                                        <li class="list-inline-item">
                                            <a href="javascript:;" data-href=".schedule" class="next-prev btn btn-primary"> {{ __('Prev') }} </a>
                                        </li>
                                        <li class="list-inline-item">
                                        <a href="javascript:;" data-href=".faq" class="next-prev btn btn-primary"> {{ __('Next') }} </a>
                                        </li>
									</ul>
									@endif

                                </div>
								
								@if (request()->type == 'doctor')
									<div id="doctor" class="container tab-pane"><br>
										<div class="doctor-section-area">
											@includeIf('partials.admin.listing.doctor')
										</div>

										<div class="row my-2">
											<div class="col-lg-12 text-center">
												<a href="javascript:;" id="doctor-add-btn" class="btn btn-info"><i class="fa fa-plus"></i> {{__('Add More')}}</a>
											</div>
										</div>

										<ul class="list-inline mt-3 mb-0  text-center">
											<li class="list-inline-item">
												<a href="javascript:;" data-href=".contact" class="next-prev btn btn-primary"> {{ __('Prev') }} </a>
											</li>
											<li class="list-inline-item">
												<a href="javascript:;" data-href=".faq" class="next-prev btn btn-primary"> {{ __('Next') }} </a>
											</li>
										</ul>

									</div>
                                @endif

                                <div id="faq" class="container tab-pane"><br>
                                    <div class="faq-section-area">
                                        @includeIf('partials.admin.listing.faq')
                                    </div>

                                    <div class="row my-2">
                                        <div class="col-lg-12 text-center">
                                            <a href="javascript:;" id="faq-add-btn" class="btn btn-info"><i class="fa fa-plus"></i> {{__('Add More')}}</a>
                                        </div>
                                    </div>

                                    <div class="row justify-content-center mt-3">
                                        <button type="submit" id="submit-btn" class="btn btn-primary text-center">{{ __('Submit') }}</button>
                                    </div>

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


<div class="modal fade" id="setgallery" tabindex="-1" role="dialog" aria-labelledby="setgallery" aria-modal="true">
    <div class="modal-dialog modal-dialog-centered  modal-lg" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="exampleModalCenterTitle">{{ __('Image Gallery') }}</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
        </div>
        <div class="modal-body">
            <div class="top-area">
                <div class="row">
                    <div class="col-sm-6 text-right">
                        <div class="upload-img-btn">
                            <label id="property_gallery"><i class="icofont-upload-alt"></i>{{ __('Upload File') }}</label>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <a href="javascript:;" class="upload-done" data-dismiss="modal"> <i class="fas fa-check"></i> {{ __('Done') }}</a>
                    </div>
                    <div class="col-sm-12 text-center">( <small>{{ __('You can upload multiple Images.') }}</small> )</div>
                </div>
            </div>
            <div class="gallery-images">
                <div class="selected-image">
                    <div class="row">


                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')

    <script>
        'use strict';

        $(document).on('click', '.remove-img' ,function() {
            var id = $(this).find('input[type=hidden]').val();
            $(this).parent().parent().remove();
        });

        let menuId = 2;
        $('#menud-add-btn').on('click',function(){
            $('.menu-section-area').append(''+
                `<div class="card mb-4">
                    <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                        <h6 class="m-0 font-weight-bold text-primary">{{ __('Menu Items') }}</h6>
                        <button class="border-0"><i class="fas fa-trash-alt text-danger"></i></button>
                    </div>

                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Menu Name') }} *</h4>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <input type="text" class="input-field" name="menu_title[]" placeholder="{{ __('Enter Name') }}" value="">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Menu Price') }} *</h4>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <input type="number" class="input-field" name="menu_price[]" placeholder="{{ __('Enter Price') }}" value="">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Menu Photo') }}</h4>
                                    <p class="sub-heading">({{ __('Preferred Size 600 x 600') }})</p>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <div class="wrapper-image-preview">
                                    <div class="box">
                                        <div class="back-preview-image" style="background-image: url({{ asset('assets/images/placeholder.jpg') }});"></div>
                                        <div class="upload-options">
                                            <label class="img-upload-label" for="menu-items-${menuId}"><i class="fas fa-camera"></i> {{ __('Upload Picture') }} </label>
                                            <input id="menu-items-${menuId}" type="file" class="image-upload" name="menu_photo[]" accept="image/*">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>`
            +'')
            menuId ++;
        })

        let roomId = 2;
        $('#room-add-btn').on('click',function(){
            $('.room-section-area').append(''+
                `<div class="card mb-4">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Room Name') }} *</h4>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <input type="text" class="input-field" name="room_name[]" placeholder="{{ __('Enter Name') }}" value="">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Room Price') }} *</h4>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <input type="number" class="input-field" name="room_price[]" placeholder="{{ __('Enter Price') }}" value="">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Room Photo') }}</h4>
                                    <p class="sub-heading">({{ __('Preferred Size 600 x 600') }})</p>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <div class="wrapper-image-preview">
                                    <div class="box">
                                        <div class="back-preview-image" style="background-image: url({{ asset('assets/images/placeholder.jpg') }});"></div>
                                        <div class="upload-options">
                                            <label class="img-upload-label" for="room-items-${roomId}"><i class="fas fa-camera"></i> {{ __('Upload Picture') }} </label>
                                            <input id="room-items-${roomId}" type="file" class="image-upload" name="room_photo[]" accept="image/*">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Room amenities') }}</h4>
                                    <p class="sub-heading">{{ __('Seperated By Comma(,)') }}</p>
                                </div>
                            </div>

                            <div class="col-lg-9">
                                <input type="text" id="tags" class="mytags tagify${roomId}" name="room_amenities[]" placeholder="{{ __('Room amenities') }}"  value="">
                            </div>
                        </div>

                        <div class="row mt-3">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Room description') }}</h4>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <textarea class="input-field" name="room_description[]" placeholder="{{ __('Room description') }}" cols="30" rows="10"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                `
            +'')
            $('.tagify'+roomId).tagify({focus: true});
            roomId ++;
        })

        let beautyId = 2;
        $('#beauty-add-btn').on('click',function(){
            $('.beauty-section-area').append(''+
                `<div class="card mb-4">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Service Name') }} *</h4>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <input type="text" class="input-field" name="service_name[]" placeholder="{{ __('Enter Name') }}" value="">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Service Price') }} *</h4>
                                </div>
                            </div>
                            <div class="col-lg-9">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Service Photo') }}</h4>
                                    <p class="sub-heading">({{ __('Preferred Size 600 x 600') }})</p>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <div class="wrapper-image-preview">
                                    <div class="box">
                                        <div class="back-preview-image" style="background-image: url({{ asset('assets/images/placeholder.jpg') }});"></div>
                                        <div class="upload-options">
                                            <label class="img-upload-label" for="service-items-${beautyId}"><i class="fas fa-camera"></i> {{ __('Upload Picture') }} </label>
                                            <input id="service-items-${beautyId}" type="file" class="image-upload" name="service_photo[]" accept="image/*">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row my-3">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Service Time') }} *</h4>
                                </div>
                            </div>

                            <div class="col-lg-9">
                                <div class="row">
                                    <div class="col-md-4">
                                        <input type="text" class="input-field" name="service_from[]" placeholder="{{ __('Enter time') }}" value="">
                                    </div>

                                    <div class="col-md-5">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <div class="left-area">
                                                    <h4 class="heading">{{ __('To') }} *</h4>
                                                </div>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="text" class="input-field" name="service_to[]" placeholder="{{ __('Enter time') }}" value="">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Service Duration') }} *</h4>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <input type="number" class="input-field" name="service_duration[]" placeholder="{{ __('Enter Duration') }}" value="">
                            </div>
                        </div>
                    </div>
                </div>`
                +'')
            beautyId ++;
        })

        $("#faq-add-btn").on('click',function(){
            $('.faq-section-area').append(''+
                `<div class="card mb-4">
                    <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                        <h6 class="m-0 font-weight-bold text-primary">{{ __('FAQ Items') }}</h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Name') }} </h4>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <input type="text" class="input-field" name="faq_name[]" placeholder="{{ __('Enter Name') }}" value="">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-3">
                                <div class="left-area">
                                    <h4 class="heading">{{ __('Description') }} </h4>
                                </div>
                            </div>
                            <div class="col-lg-9">
                                <textarea name="faq_details[]" class="input-field" placeholder="{{ __('Description') }}" cols="30" rows="10"></textarea>
                            </div>
                        </div>

                    </div>
                </div>`
            +'')
        })
		
		$("#doctor-add-btn").on('click',function(){
            $('.doctor-section-area').append(''+
                `<div class="card mb-4">
                    <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                        <h6 class="m-0 font-weight-bold text-primary">{{ __('Doctor Data') }}</h6>
                    </div>
                    <div class="card-body">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="left-area">
                            <h4 class="heading">{{ __('Name') }} </h4>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        <input type="text" class="input-field" name="doctor_name[]" placeholder="{{ __('Enter Doctor Name') }}" value="">
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-3">
                        <div class="left-area">
                            <h4 class="heading">{{ __('Mobile Number') }} </h4>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        <input type="text" class="input-field" name="doctor_mobile[]" placeholder="{{ __('Enter Doctor Mobile Number') }}" value="">
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-3">
                        <div class="left-area">
                            <h4 class="heading">{{ __('Email') }} </h4>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        <input type="text" class="input-field" name="doctor_email[]" placeholder="{{ __('Enter Doctor Email') }}" value="">
                    </div>
                </div>

            </div>
                </div>`
            +'')
        })

    </script>
    
@endsection