<div class="tab-pane fade" id="v-pills-tab6" role="tabpanel" aria-labelledby="v-pills-tab6-tab">
    <div class="tab-wrapper addHall">
        <nav class="custom-nav">
            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                <a class="nav-link active" id="nav-addHall1-tab" data-toggle="tab" href="#nav-addHall1" role="tab" aria-controls="nav-addHall1" aria-selected="true">{{__('halls.person_count')}}</a>
                <a class="nav-link" id="nav-addHall2-tab" data-toggle="tab" href="#nav-addHall2" role="tab" aria-controls="nav-addHall2" aria-selected="false">{{__('halls.days_count')}}</a>
            </div>
        </nav>
        <div class="tab-content" id="nav-tabContent">
            {{-- Person count --}}
            <div class="tab-pane fade show active" id="nav-addHall1" role="tabpanel" aria-labelledby="nav-addHall1-tab">
                <div class="row">
                    <div class="col-md-12 m-auto">
                        <div class="form-wrapper mt-5">
                            <form class="form-row add_edit_hall_form" method="post" action="{{route('provider.AddEditHall')}}" enctype="multipart/form-data">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input name="name_{{$local}}" type="text" class="form-control" autocomplete="off" autofocus />
                                        <label class="floating-label">{{__('halls.name')}}</label>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <select name="is_offer" class="form-control">
                                            <option value="">{{ __('halls.is_offer') }}</option>
                                            <option value="1">{{__('halls.yes')}}</option>
                                            <option value="0">{{__('halls.no')}}</option>
                                        </select>
                                        <label class="floating-label">{{__('halls.is_offer') }} </label>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <div class="input-images"></div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <select name="reservation_way" class="form-control" autocomplete="off" autofocus >
                                            <option value="">{{__('halls.reservation_way') }}</option>
                                            <option value="direct">{{__('halls.direct')}}</option>
                                            <option value="accept_request">{{__('halls.accept_request')}}</option>
                                        </select>
                                        <label class="floating-label">{{__('halls.reservation_way') }} </label>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <select name="category_id" class="form-control">
                                            <option value="">{{ __('halls.hall_category_id') }}</option>
                                            @if(count($categories))
                                                @foreach($categories as $category)
                                                    <option value="{{$category->id}}">{{$category->name}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                        <label class="floating-label">{{__('halls.hall_category_id')}}</label>
                                    </div>
                                </div>
                                <div class="card p-3 mb-3 col-lg-12">
                                    <label>{{ __('halls.occasions') }} </label>
                                    <div class="row card-body">
                                        @if(count($occasions))
                                            @foreach($occasions as $occasion)
                                                <div class="col-md-4">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" value="{{ $occasion->id }}" class="custom-control-input" id="person_occasions_{{ $occasion->id }}" name="occasions[]">
                                                        <label class="custom-control-label" for="person_occasions_{{ $occasion->id }}"> {{$occasion->name}}</label>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <input type="number" min="1" class="form-control" name="capacity" placeholder="{{ __('halls.capacity') }}" autofocus />
                                            <label class="floating-label">{{__('halls.capacity') }}</label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <input type="number" min="1" class="form-control" name="total_capacity" placeholder="{{ __('halls.total_capacity') }}"/>
                                            <label class="floating-label">{{__('halls.total_capacity') }} </label>

                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <input type="number" min="1" class="form-control" name="min_capacity" placeholder="{{ __('halls.min_capacity') }}" />
                                            <label class="floating-label">{{ __('halls.min_capacity') }} </label>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <select name="reservation_type" class="form-control">
                                                <option value="person_count">{{__('halls.person_count')}}</option>
                                            </select>
                                            <label class="floating-label">{{__('halls.reservation_type')}}</label>
                                        </div>
                                    </div>
                                    <div class="col-md-6 booking_amount_per_person">
                                        <div class="form-group">
                                            <input type="number" min="1" class="form-control" name="booking_amount_per_person" placeholder="{{__('halls.booking_amount_per_person') }}" />
                                            <label class="floating-label">{{ __('halls.booking_amount_per_person') }} </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="locForm">
                                        <h5 class="loc_title"><img src="{{asset('assets/web/images/icons/loc-blue.svg')}}" alt="">{{__('halls.hall_location')}}</h5>
                                        <div class="map-box mt-4 mb-4">
                                            <iframe width="100%" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=100%25&amp;height=600&amp;hl=en&amp;q=1%20Grafton%20Street,%20Dublin,%20Ireland+(My%20Business%20Name)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe>
                                        </div>
                                        <div class="row mt-1">

                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <select data-target=".for_person_count" name="region_id" class="form-control for_person_count">
                                                        <option value="">{{ __('halls.region_id') }}</option>
                                                        @if(count($regions))
                                                            @foreach($regions as $region)
                                                                <option value="{{$region->id}}">{{$region->name}}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                    <label class="floating-label"> {{__('halls.region_id')}}</label>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <select data-target=".for_person_count" name="city_id" class="form-control for_person_count">
                                                        <option value="">{{ __('halls.city_id') }}</option>
                                                    </select>
                                                    <label class="floating-label"> {{ __('halls.city_id')}}</label>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <select data-target=".for_person_count" name="sector_id" class="form-control for_person_count">
                                                        <option value="">{{ __('halls.sector_id') }}</option>
                                                    </select>
                                                    <label class="floating-label"> {{__('halls.sector_id')}}</label>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <input type="text" class="form-control" name="street" placeholder="{{__('halls.street') }}" />
                                                    <label class="floating-label">{{__('halls.street') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="addService service_container">

                                        <div class="deleted_service">
                                            <div class="in-flex justify-content-between">
                                                <h5 class="loc_title mb-4">{{__('halls.added_services')}}</h5>
                                                <button class="addAnother btn add_service" type="button"><img src="{{asset('assets/web/images/icons/profile/add.svg')}}" alt=""></button>
                                            </div>
                                            <div class="row mt-1">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <input name="added_services_name[]" type="text" class="form-control" autocomplete="off" autofocus />
                                                        <label class="floating-label">{{__('halls.added_services_name')}}</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <input name="added_services_price[]" type="number" min="1" class="form-control" autocomplete="off" autofocus />
                                                        <label class="floating-label"> {{__('halls.added_services_price')}}</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <textarea name="added_services_description[]" class="form-control" rows="2" autocomplete="off" autofocus ></textarea>
                                                        <label class="floating-label">{{__('halls.added_services_description')}}</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group file-input-group">
                                                        <div class="wrap">
                                                            <div class="file">
                                                                <div class="added_service_input file__input" id="file__input">
                                                                    <input type="hidden" name="old_added_services_image[]" value="">
                                                                    <input class="file__input--file added_services_image" id="customAddedServiceImageFilePerson" type="file"  name="added_services_image[]"/>
                                                                    <label class="file__input--label" for="customAddedServiceImageFilePerson" data-text-btn="{{__('members.select')}}">    {{__('halls.added_services_image')}}  :</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card col-lg-12 p-3 mb-3">
                                    <label>{{__('halls.available_dates') }} </label>
                                        <div class="available_dates_container_person">
                                        <div class="row flex-row-reverse justify-content-between align-items-center align-content-center">
                                            <div class="form-group col-md-5">
                                                <div class="custom-control custom-checkbox">
                                                    <div class="discount_dates_container d-flex justify-content-start align-content-center align-items-center">
                                                        <input type="checkbox" value="1" class="custom-control-input discount_dates_input" id="person_discount_dates_1">
                                                        <label class="custom-control-label col-md-4" for="person_discount_dates_1"> {{__('halls.discount_dates')}}</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <input type="text" placeholder="{{ __('halls.available_dates_to') }}" name="available_dates_to[]" value="" class="available_dates datepicker available_dates_to form-control">
                                            </div>
                                            <div class="form-group col-md-3">
                                                <input type="text" placeholder="{{ __('halls.available_dates_from') }}" name="available_dates_from[]" value="" class="available_dates datepicker available_dates_from form-control">
                                            </div>
                                            <div class="form-group col-md-1"></div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <a data-target=".available_dates_container_person" href="#" class="btn btn-primary btn-sm btn-block add_available_dates_link"><i class="fa fa-plus"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <textarea name="description_{{$local}}" class="form-control" rows="7" autocomplete="off" autofocus ></textarea>
                                        <label class="floating-label"> {{__('halls.description')}} </label>
                                    </div>
                                </div>
                                <button class="submit-butn mt-4 add_edit_hall_button" type="submit">{{__('members.save')}}</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            {{-- Days count --}}
            <div class="tab-pane fade" id="nav-addHall2" role="tabpanel" aria-labelledby="nav-addHall2-tab">
                <div class="row">
                    <div class="col-md-12 m-auto">
                        <div class="form-wrapper mt-5">
                            <form class="form-row add_edit_hall_form" method="post" action="{{route('provider.AddEditHall')}}" enctype="multipart/form-data">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <input name="name_{{$local}}" type="text" class="form-control" autocomplete="off" autofocus />
                                        <label class="floating-label">{{__('halls.name')}}</label>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <select name="is_offer" class="form-control">
                                            <option value="">{{ __('halls.is_offer') }}</option>
                                            <option value="1">{{__('halls.yes')}}</option>
                                            <option value="0">{{__('halls.no')}}</option>
                                        </select>
                                        <label class="floating-label">{{__('halls.is_offer') }} </label>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <div class="input-images"></div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <select name="reservation_way" class="form-control" autocomplete="off" autofocus >
                                            <option value="">{{__('halls.reservation_way') }}</option>
                                            <option value="direct">{{__('halls.direct')}}</option>
                                            <option value="accept_request">{{__('halls.accept_request')}}</option>
                                        </select>
                                        <label class="floating-label">{{__('halls.reservation_way') }} </label>

                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <select name="category_id" class="form-control">
                                            <option value="">{{ __('halls.hall_category_id') }}</option>
                                            @if(count($categories))
                                                @foreach($categories as $category)
                                                    <option value="{{$category->id}}">{{$category->name}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                        <label class="floating-label">{{__('halls.hall_category_id')}}</label>
                                    </div>
                                </div>
                                <div class="card p-3 mb-3 col-lg-12">
                                    <label>{{ __('halls.occasions') }} </label>
                                    <div class="row card-body">
                                        @if(count($occasions))
                                            @foreach($occasions as $occasion)
                                                <div class="col-md-4">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" value="{{ $occasion->id }}" class="custom-control-input" id="days_occasions_{{ $occasion->id }}" name="occasions[]">
                                                        <label class="custom-control-label" for="days_occasions_{{ $occasion->id }}"> {{$occasion->name}}</label>
                                                    </div>
                                                </div>
                                            @endforeach
                                        @endif
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <input type="number" min="1" class="form-control" name="capacity" placeholder="{{ __('halls.capacity') }}" autofocus />
                                            <label class="floating-label">{{__('halls.capacity') }}</label>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <input type="number" min="1" class="form-control" name="total_capacity" placeholder="{{ __('halls.total_capacity') }}"/>
                                            <label class="floating-label">{{__('halls.total_capacity') }} </label>

                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <input type="number" min="1" class="form-control" name="min_capacity" placeholder="{{ __('halls.min_capacity') }}" />
                                            <label class="floating-label">{{ __('halls.min_capacity') }} </label>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <select name="reservation_type" class="form-control">
                                                <option value="days_count">{{__('halls.days_count')}}</option>
                                            </select>
                                            <label class="floating-label">{{__('halls.reservation_type')}}</label>
                                        </div>
                                    </div>
                                    <div class="col-md-6 booking_amount_per_day">
                                        <div class="form-group">
                                            <input type="number" min="1" class="form-control" name="booking_amount_per_day" placeholder="{{__('halls.booking_amount_per_day') }}" />
                                            <label class="floating-label">{{ __('halls.booking_amount_per_day') }} </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="locForm">
                                        <h5 class="loc_title"><img src="{{asset('assets/web/images/icons/loc-blue.svg')}}" alt=""> موقع القاعة</h5>
                                        <div class="map-box mt-4 mb-4">
                                            <iframe width="100%" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=100%25&amp;height=600&amp;hl=en&amp;q=1%20Grafton%20Street,%20Dublin,%20Ireland+(My%20Business%20Name)&amp;t=&amp;z=14&amp;ie=UTF8&amp;iwloc=B&amp;output=embed"></iframe>
                                        </div>
                                        <div class="row mt-1">

                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <select data-target=".for_days_count" name="region_id" class="form-control for_days_count">
                                                        <option value="">{{ __('halls.region_id') }}</option>
                                                        @if(count($regions))
                                                            @foreach($regions as $region)
                                                                <option value="{{$region->id}}">{{$region->name}}</option>
                                                            @endforeach
                                                        @endif
                                                    </select>
                                                    <label class="floating-label"> {{__('halls.region_id')}}</label>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <select data-target=".for_days_count" name="city_id" class="form-control for_days_count">
                                                        <option value="">{{ __('halls.city_id') }}</option>
                                                    </select>
                                                    <label class="floating-label"> {{ __('halls.city_id')}}</label>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <select data-target=".for_days_count" name="sector_id" class="form-control for_days_count">
                                                        <option value="">{{ __('halls.sector_id') }}</option>
                                                    </select>
                                                    <label class="floating-label"> {{__('halls.sector_id')}}</label>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <input type="text" class="form-control" name="street" placeholder="{{__('halls.street') }}" />
                                                    <label class="floating-label">{{__('halls.street') }}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="addService service_container">

                                        <div class="deleted_service">
                                            <div class="in-flex justify-content-between">
                                                <h5 class="loc_title mb-4">{{__('halls.added_services')}}</h5>
                                                <button class="addAnother btn add_service" type="button"><img src="{{asset('assets/web/images/icons/profile/add.svg')}}" alt=""></button>
                                            </div>
                                            <div class="row mt-1">
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <input name="added_services_name[]" type="text" class="form-control" autocomplete="off" autofocus />
                                                        <label class="floating-label">{{__('halls.added_services_name')}}</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <input name="added_services_price[]" type="number" min="1" class="form-control" autocomplete="off" autofocus />
                                                        <label class="floating-label"> {{__('halls.added_services_price')}}</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group">
                                                        <textarea name="added_services_description[]" class="form-control" rows="2" autocomplete="off" autofocus ></textarea>
                                                        <label class="floating-label">{{__('halls.added_services_description')}}</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="form-group file-input-group">
                                                        <div class="wrap">
                                                            <div class="file">
                                                                <div class="added_service_input file__input" id="file__input">
                                                                    <input type="hidden" name="old_added_services_image[]" value="">
                                                                    <input class="file__input--file added_services_image" id="customAddedServiceImageFileDays" type="file"  name="added_services_image[]"/>
                                                                    <label class="file__input--label" for="customAddedServiceImageFileDays" data-text-btn="{{__('members.select')}}"> {{__('halls.added_services_image')}}  :</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="card col-lg-12 p-3 mb-3">
                                    <label>{{__('halls.available_dates') }} </label>
                                    <div class="available_dates_container_days">
                                        <div class="row flex-row-reverse justify-content-between align-items-center align-content-center">
                                            <div class="form-group col-md-5">
                                                <div class="custom-control custom-checkbox">
                                                    <div class="discount_dates_container d-flex justify-content-start align-content-center align-items-center">
                                                        <input type="checkbox" value="1" class="custom-control-input discount_dates_input" id="days_discount_dates_1">
                                                        <label class="custom-control-label col-md-4" for="days_discount_dates_1"> {{__('halls.discount_dates')}}</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group col-md-3">
                                                <input placeholder="{{ __('halls.available_dates_to') }}" name="available_dates_to[]" value="" class="available_dates available_dates_to datepicker form-control">
                                            </div>
                                            <div class="form-group col-md-3">
                                                <input placeholder="{{ __('halls.available_dates_from') }}" name="available_dates_from[]" value="" class="available_dates available_dates_from datepicker form-control">
                                            </div>
                                            <div class="form-group col-md-1"></div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <a data-target=".available_dates_container_days" href="#" class="btn btn-primary btn-sm btn-block add_available_dates_link"><i class="fa fa-plus"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <textarea name="description_{{$local}}" class="form-control" rows="7" autocomplete="off" autofocus ></textarea>
                                        <label class="floating-label">{{__('halls.description')}}</label>
                                    </div>
                                </div>
                                <button class="submit-butn mt-4 add_edit_hall_button" type="submit">{{__('members.save')}}</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
