@extends('layouts.layout')
@section('title', 'Venue')
@section('content')

<div class="custom-tab-wrap">
@include('franchises_dynamic.sidebar')


    <div class="tab-content-wrap">
        <div class="tab-content" id="franchises-tabContent">
            <div class="tab-pane fade {{ $active_tab === 'venue' ? 'show active' : '' }}" id="venue">
                <div class="tabcontent-inner">
                    <div class="permission-block">
                         <div class="permission-header">
                            <h3></h3>
                            <a href="{{url('franchises/'.request()->id.'/general-info')}}" class="btn">Back</a>
                         </div>
                        <div class="permission-header">
                            <h3>Venue Information</h3>
                            <input type="hidden" id="venue_count" value={{ (!empty($general_information['franchise_venue']) ? count($general_information['franchise_venue']) : "1") }} />
                            <a class="btn page-scroll" id="add-new-venue" href="javascript:void(0)" data-venue_add_no='0'>Add Another Venue</a>
                        </div>

                        <form  onsubmit="return checkData()"  @if(count($general_information['franchise_venue']) > 0 ) id="update_venue_form" @else id="add_venue_form" @endif  action="@if(isset($general_information['id'])){{route('update-franchise-venue-information')}}@else{{route('store-franchise-venue-information')}}@endif" method="post" enctype="multipart/form-data">
                            <div class="custom-form frachise-form">
                                <div class="venue_structure">
                                    @csrf
                                    @if(isset($general_information['id']))
                                    <input type="hidden" name="franchise_id" value="{{$general_information['id']}}">
                                    @endif
                                    @if(isset($general_information['franchise_venue']) && !empty($general_information['franchise_venue']))
                                        @foreach($general_information['franchise_venue'] as $venue_key => $value_for_venue)

                                        <div class="venue-blocks" id="@if($value_for_venue['id']){{ 'venue_row_'.$value_for_venue['id']}}@endif">
                                            <div class="venue-header">
                                                <h4>Venue {{ $venue_key+1 }}</h4>
                                                <a class="btn delete-venues" id="DeleteVenue" data-id="@if($value_for_venue['id']){{$value_for_venue['id']}}@endif">Delete Venue</a>
                                            </div>
                                            <div class="custom-form-inner">
                                                <div class="custom-form-column">
                                                    <div class="form-wrap style-input">
                                                        <input type="hidden" name="venue_type[{{$venue_key}}]" value="update">
                                                        <input type="hidden" name="venue_id[]" id="venue_id" value="@if($value_for_venue['id']){{$value_for_venue['id']}}@endif">
                                                        <label for="venue_name{{$value_for_venue['id']}}" class="style-label @if(isset($value_for_venue['name'])) with-value @endif">Venue name*</label>
                                                        <input type="text" id="venue_name{{$value_for_venue['id']}}" class="form-control"  name="venue_name[{{$venue_key}}]" value="{{(isset($value_for_venue['name']))?$value_for_venue['name'] : ''}}" >

                                                    </div>
                                                    <div class="form-wrap form-wrap-custom">

                                                        <input type="text" id="venue_postcode{{$venue_key}}" class="form-control" placeholder="" name="venue_postcode[{{$venue_key}}]" value="@if(isset($value_for_venue['postcode'])){{$value_for_venue['postcode']}}@else{{old('venue_postcode')}}@endif">
                                                        <label for="venue_postcode{{$venue_key}}" >PostCode*</label>
                                                    </div>
                                                    <div class="form-wrap form-wrap-custom">

                                                        <input type="text" id="venue_address1{{$venue_key}}" class="form-control" placeholder="" name="venue_address1[{{$venue_key}}]" value="@if(isset($value_for_venue['address1'])){{$value_for_venue['address1']}} @else {{old('venue_address1')}} @endif" >
                                                        <label for="venue_address1{{$venue_key}}">Address Line 1*</label>
                                                    </div>
                                                    <div class="form-wrap form-wrap-custom">

                                                        <input type="text" id="venue_address2{{$venue_key}}" class="form-control" placeholder=""  name="venue_address2[]" value="@if(isset($value_for_venue['address2'])){{$value_for_venue['address2']}}@else{{old('venue_address2')}}@endif" >
                                                        <label for="venue_address2{{$venue_key}}">Address Line 2</label>
                                                    </div>
                                                    <div class="form-wrap form-wrap-custom">

                                                        <input type="text" id="venue_address3{{$venue_key}}" class="form-control" placeholder="" name="venue_address3[]" value="@if(isset($value_for_venue['address3'])){{$value_for_venue['address3']}}@else{{old('venue_address3')}}@endif" >
                                                        <label for="venue_address3{{$venue_key}}">Address Line 3</label>
                                                    </div>

                                                    <div class="form-wrap form-wrap-custom">

                                                        <input type="text" id="venue_county{{$venue_key}}" class="form-control" placeholder="" name="venue_county[{{$venue_key}}]" value="@if(isset($value_for_venue['county'])){{$value_for_venue['county']}}@else{{old('venue_county')}}@endif">
                                                        <label for="venue_county{{$venue_key}}">County*</label>

                                                    </div>

                                                    <div class="form-wrap form-wrap-custom">

                                                        <input type="text" id="venue_phone{{$venue_key}}"  placeholder="" class="form-control"  name="venue_phone[]" value="{{ $value_for_venue['phone'] ? $value_for_venue['phone'] : '' }}">
                                                        <label for="venue_phone{{$venue_key}}">Phone Number</label>
                                                    </div>

                                                    <div class="form-wrap form-wrap-custom">

                                                        <input type="text" id="venue_email{{$venue_key}}" class="form-control" placeholder=""  name="venue_email[]" value="{{ $value_for_venue['email'] ? $value_for_venue['email'] : '' }}">
                                                        <label for="venue_email{{$venue_key}}" >Email</label>
                                                    </div>

                                                    <div class="form-wrap">
                                                        <select id="venue_country" class="form-select" name="venue_country[]" >

                                                            <option value="uk" >UK</option>

                                                        </select>


                                                    </div>

                                                    <div class="form-wrap">
                                                        <label for="" class="custom-switch-label">Parking</label>
                                                            <div class="switch-field">
                                                                <input type="radio" id="yes{{$venue_key}}"  @if($value_for_venue['parking']=='yes') checked @endif  name="toggle[{{$venue_key}}]" value="yes" />
                                                                <label for="yes{{$venue_key}}">Yes</label>
                                                                <input type="radio" id="no{{$venue_key}}" @if($value_for_venue['parking']=='no') checked @endif  name="toggle[{{$venue_key}}]" value="no" />
                                                                <label for="no{{$venue_key}}">No</label>
                                                            </div>



                                                    </div>
                                                    <div class="form-wrap form-wrap-custom">


                                                    <input type="text" id="venue_park_detail{{$venue_key}}" class="form-control" placeholder="" name="venue_park_detail[{{$venue_key}}]" value="{{$value_for_venue['parking_detail']}}" >
                                                    <label for="venue_park_detail{{$venue_key}}" class="parking{{$venue_key}}"> @if($value_for_venue['parking']=='yes') Parking Detail* @else Parking Detail @endif </span></label>

                                                    </div>
                                                    <div class="form-upload-wrapper">
                                                        <h4>Venue Featured Image*</h4>
                                                        <div class="file-wrapper">
                                                            <input type="hidden" name="old_venue_image[{{$venue_key}}]"  value="@if(isset($value_for_venue['venue_image'])) {{$value_for_venue['venue_image']}} @endif" >
                                                            <input  type="file" class="custom-file"  placeholder="Drag and Drop a file here or click to select (Recommended size: 686*377)" name="image[{{$venue_key}}]" id="venue_image_onchange" />
                                                            <div class="preview"></div>
                                                                @if(isset($value_for_venue['venue_image']) && $value_for_venue['venue_image'] != '')
                                                                    <img class="upload-preview" id="venuepreviewImage_editPage_before_show" src="{{ asset('storage/franchise_venue/'.$value_for_venue['venue_image'])}}" alt="Image">
                                                                @endif
                                                                <img id="venuepreviewImage_editPage_after_show" alt="Image" class="upload-preview" style="display:none">


                                                        </div>
                                                        <div class="form-wrap style-input">
                                                    <label for="image_label{{$value_for_venue['id']}}" class="style-label @if(isset($value_for_venue['venue_image_label'])) with-value @endif">Image_label*</label>
                                                        <input type="text" id="image_label{{$value_for_venue['id']}}" class="form-control" placeholder="Image Label*" name="image_label[{{$venue_key}}]" value="@if(isset($value_for_venue['venue_image_label'])){{$value_for_venue['venue_image_label']}} @else {{old('image_label')}} @endif" >


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


                                                <div class="custom-form-column venue-data-{{ $venue_key }}">
                                                    <input type="hidden" id="nearby_venue_increment_{{ $venue_key }}" value={{ count($general_information['franchise_venue'][$venue_key]['address_venues_nearby']) - 1 }}>
                                                    @if (!empty($general_information['franchise_venue'][$venue_key]['address_venues_nearby']) && !in_array($value_for_venue['id'], array_column($general_information['franchise_nearby_venues'], 'venue_id')))
                                                        <div class="venue-nearby-full-content" id="{{ 'row_nearby_venue_single_'. $venue_key.'_0' }}">
                                                            <div class="venue-nearby" id="venue-nearby">
                                                                <div class="nearby-venue-block" >
                                                                    <div class="form-header">
                                                                        <div class="form-wrap">
                                                                            <a href="javascript:void(0)" class="btn full-width add_new_nearby" data-id={{ $venue_key }}>Add Another Nearby Location</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endif
                                                    <!-- @empty($general_information['franchise_nearby_venues']) -->

                                                    <div class="venue-nearby-full-content" id="{{ 'row_nearby_venue_single_'. $venue_key.'_0' }}">
                                                        <div class="venue-nearby" id="venue-nearby">
                                                            <div class="nearby-venue-block" >
                                                                <div class="form-header">
                                                                    <div class="form-wrap">
                                                                        <a href="javascript:void(0)" class="btn full-width add_new_nearby" data-id={{ $venue_key }}>Add Another Nearby Location</a>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- @endempty -->
                                                    @foreach($general_information['franchise_venue'][$venue_key]['address_venues_nearby'] as $venue_nearby_key => $venue_nearby_value)
                                                        @if ($venue_nearby_value['venue_id'] == $value_for_venue['id'])
                                                            <div class="venue-nearby-full-content" id="{{ 'row_nearby_venue_'. $venue_key.'_'. $venue_nearby_key }}">
                                                                <div class="venue-nearby" id="venue-nearby">
                                                                    <div class="nearby-venue-block" >
                                                                        <div class="form-header">
                                                                            <div class="form-wrap">
                                                                                <a href="javascript:void(0)" class="btn full-width add_new_nearby" data-id={{ $venue_key }}>Add Another Nearby Location</a>
                                                                            </div>
                                                                        </div>
                                                                        <input type="hidden" name="nearby_no[]" id="nearby_number" value={{ $venue_key }}>
                                                                        <input type="hidden" name="nearby_count[]" id="nearby_number_count" value={{ count($general_information['franchise_nearby_venues']) }}>
                                                                        <input type="hidden" id="{{ 'nearby_venues_data_'. $venue_key.'_'. $venue_nearby_key }}" name="nearby_venues_data[{{ $venue_key }}][]" value="update">
                                                                        <input type="hidden" name="nearby_venue_id[{{ $venue_key }}][]" value={{ $venue_nearby_value['id'] }}>
                                                                        <h4>Near By</h4>
                                                                        <div class="delete-nearby">
                                                                            <a href="javascript:void(0)" class="delete-nearby-data" data-type="update" data-id={{ $venue_key }} data-id_nearby_value={{ $venue_nearby_key }}>
                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="13.985" height="15.069" viewBox="0 0 13.985 15.069">
                                                                                    <g id="Group_4625" data-name="Group 4625" transform="translate(-333.971 -782.645)">
                                                                                        <g id="Group_1417" data-name="Group 1417" transform="translate(335.3 786.944)">
                                                                                            <path id="Path_1311" data-name="Path 1311" d="M347.254,807.982h-6.328a1.45,1.45,0,0,1-1.442-1.3l-1.009-9.473H349.7l-1.009,9.473A1.45,1.45,0,0,1,347.254,807.982Z" transform="translate(-338.475 -797.212)" fill="#121214" />
                                                                                        </g>
                                                                                        <g id="Group_1418" data-name="Group 1418" transform="translate(333.971 783.72)">
                                                                                            <rect id="Rectangle_392" data-name="Rectangle 392" width="13.985" height="2.149" rx="1.075" fill="#121214" />
                                                                                        </g>
                                                                                        <g id="Group_1419" data-name="Group 1419" transform="translate(338.298 782.645)">
                                                                                            <rect id="Rectangle_393" data-name="Rectangle 393" width="5.33" height="2.149" rx="1.075" fill="#121214" />
                                                                                        </g>
                                                                                        <g id="Group_1420" data-name="Group 1420" transform="translate(338.298 789.259)">
                                                                                            <path id="Path_1312" data-name="Path 1312" d="M349.685,810.735a.59.59,0,0,1-.586-.53l-.46-4.5a.59.59,0,1,1,1.174-.12l.46,4.5a.59.59,0,0,1-.527.647A.522.522,0,0,1,349.685,810.735Z" transform="translate(-348.636 -805.057)" fill="#121214" />
                                                                                        </g>
                                                                                        <g id="Group_1421" data-name="Group 1421" transform="translate(341.595 789.259)">
                                                                                            <path id="Path_1313" data-name="Path 1313" d="M360.4,810.735a.532.532,0,0,1-.061,0,.59.59,0,0,1-.527-.647l.46-4.5a.59.59,0,1,1,1.174.12l-.46,4.5A.59.59,0,0,1,360.4,810.735Z" transform="translate(-359.808 -805.057)" fill="#121214" />
                                                                                        </g>
                                                                                    </g>
                                                                                </svg>
                                                                            </a>
                                                                        </div>

                                                                        <div class="form-wrap style-input">
                                                                            <label for="nearby_venue_name{{$venue_key.'_'. $venue_nearby_key}}" class="style-label @if(isset($venue_nearby_value['name'])) with-value @endif">Location name*</label>
                                                                            <input type="text" id="nearby_venue_name{{$venue_key.'_'. $venue_nearby_key}}" class="form-control" name="nearby_venue_name[{{ $venue_key }}][{{$venue_nearby_key}}]" value="{{ (isset($venue_nearby_value['name'])) ? $venue_nearby_value['name'] : ''}}" >


                                                                        </div>
                                                                        <div class="form-wrap form-wrap-custom">

                                                                            <input type="text" id="nearby_venue_postcode{{$venue_key.'_'. $venue_nearby_key}}" class="form-control" placeholder="" name="nearby_venue_postcode[{{ $venue_key }}][{{$venue_nearby_key}}]" value="{{ (isset($venue_nearby_value['postcode'])) ? $venue_nearby_value['postcode'] : ''}}" >
                                                                            <label for="nearby_venue_postcode{{$venue_key.'_'. $venue_nearby_key}}" >PostCode*</label>

                                                                        </div>
                                                                        <div class="form-wrap form-wrap-custom">

                                                                            <input type="text" id="nearby_venue_address1{{$venue_key.'_'. $venue_nearby_key}}" class="form-control" placeholder=" "  name="nearby_venue_address1[{{ $venue_key }}][{{$venue_nearby_key}}]" value="{{ (isset($venue_nearby_value['address1'])) ? $venue_nearby_value['address1'] : '' }}" >
                                                                            <label for="nearby_venue_address1{{$venue_key.'_'. $venue_nearby_key}}">Address Line 1*</label>

                                                                        </div>
                                                                        <div class="form-wrap form-wrap-custom">

                                                                            <input type="text" id="nearby_venue_address2{{$venue_key.'_'. $venue_nearby_key}}" class="form-control" placeholder=""  name="nearby_venue_address2[{{ $venue_key }}][{{$venue_nearby_key}}]" value="{{ (isset($venue_nearby_value['address2'])) ? $venue_nearby_value['address2'] : '' }}">

                                                                            <label for="nearby_venue_address2{{$venue_key.'_'. $venue_nearby_key}}" >Address Line 2</label>
                                                                        </div>
                                                                        <div class="form-wrap form-wrap-custom">

                                                                            <input type="text" id="nearby_venue_address3{{$venue_key.'_'. $venue_nearby_key}}" placeholder="" class="form-control"  name="nearby_venue_address3[{{ $venue_key }}][{{$venue_nearby_key}}]" value="{{(isset($venue_nearby_value['address3'])) ? $venue_nearby_value['address3'] : '' }}">

                                                                            <label for="nearby_venue_address3{{$venue_key.'_'. $venue_nearby_key}}" >Address Line 3</label>
                                                                        </div>

                                                                        <div class="form-wrap form-wrap-custom">

                                                                            <input type="text" id="nearby_venue_county{{$venue_key.'_'. $venue_nearby_key}}" class="form-control" placeholder="" name="nearby_venue_county[{{ $venue_key }}][{{$venue_nearby_key}}]" value="{{ (isset($venue_nearby_value['county'])) ? $venue_nearby_value['county'] : '' }}">
                                                                            <label for="nearby_venue_county{{$venue_key.'_'. $venue_nearby_key}}" >County*</label>

                                                                        </div>
                                                                        <div class="form-wrap">
                                                                            <select id="" class="form-select" name="nearby_venue_country[{{$venue_key}}][{{$venue_nearby_key}}]" >


                                                                                <option value="uk" selected>UK</option>

                                                                            </select>


                                                                        </div>
                                                                        <div class="form-wrap form-wrap-custom">

                                                                            <input type="text" id="nearby_venue_phone{{$venue_key}}" placeholder="" class="form-control" name="nearby_venue_phone[{{ $venue_key }}][{{$venue_nearby_key}}]" value="{{ (isset($venue_nearby_value['phone'])) ? $venue_nearby_value['phone'] : ''}}"  >
                                                                            <label for="nearby_venue_phone{{$venue_key}}">Phone</label>

                                                                        </div>
                                                                        <div class="form-wrap form-wrap-custom">

                                                                            <input type="text" id="nearby_venue_meters{{$venue_key}}" placeholder="" class="form-control" name="nearby_venue_meters[{{ $venue_key }}][{{$venue_nearby_key}}]" value="{{ (isset($venue_nearby_value['meter_away'])) ? $venue_nearby_value['meter_away'] : ''}}" >
                                                                            <label for="nearby_venue_meters{{$venue_key}}" >Metres Away</label>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        @endif

                                                    @endforeach
                                                </div>

                                                <div class="venue-nearby-append" id="{{'venue_nearby_row_append_'.$value_for_venue['id'] }}"></div>
                                            </div>
                                        </div>
                                        @endforeach
                                    @else
                                    <div class="venue-blocks" id="venue-template">
                                        <div class="venue-header">
                                            <h4>Venue 1</h4>
                                            <a class="btn delete-venues" id="DeleteVenue" >Delete Venue</a>
                                        </div>
                                        <div class="custom-form-inner">
                                            <div class="custom-form-column">

                                                <input type="hidden" name="venue_type[0]" value="add">
                                                <div class="form-wrap style-input">
                                                <label for="venue_name" class="style-label">Venue name*</label>
                                                <input type="text" id="venue_name" class="form-control" name="venue_name[0]"  >


                                                </div>
                                                <div class="form-wrap form-wrap-custom">
                                                    <input type="text" id="postcode" placeholder="" class="form-control"  name="venue_postcode[0]">
                                                    <label for="postcode">PostCode*</label>


                                                </div>

                                                <div class="form-wrap form-wrap-custom">
                                                <input type="text" id="address1" class="form-control" placeholder=" " name="venue_address1[0]"   >
                                                <label for="address1">Address Line 1*</label>

                                                </div>
                                                <div class="form-wrap form-wrap-custom">

                                                <input type="text" id="address2" class="form-control" placeholder=""  name="venue_address2[]"  >
                                                <label for="address2">Address Line 2</label>

                                                </div>
                                                <div class="form-wrap form-wrap-custom">

                                                    <input type="text" id="address3" class="form-control" placeholder="" name="venue_address3[]" >
                                                    <label for="address3" class="style-label">Address Line 3</label>

                                                </div>

                                                <div class="form-wrap form-wrap-custom">

                                                    <input type="text" id="county"  class="form-control" placeholder="" name="venue_county[0]" >
                                                    <label for="county" class="style-label">County*</label>


                                                </div>

                                                <div class="form-wrap style-input">
                                                    <label for="venue_phone" class="style-label">Phone Number</label>
                                                    <input type="text" id="venue_phone" class="form-control" name="venue_phone[]">

                                                </div>

                                                <div class="form-wrap style-input">
                                                    <label for="venue_email" class="style-label">Email</label>
                                                    <input type="text" id="venue_email" class="form-control" name="venue_email[]" >

                                                </div>
                                                <div class="form-wrap">
                                                    <select id="venue_country" class="form-select" name="venue_country[]" >

                                                        <option value="uk" >UK</option>

                                                    </select>


                                                </div>
                                                <div class="form-wrap">
                                                    <label for="" class="custom-switch-label">Parking</label>

                                                    <div class="switch-field">
                                                                <input type="radio" id="yes" name="toggle[0]"   value="yes" checked/>
                                                                <label for="yes">Yes</label>
                                                                <input type="radio" id="no" name="toggle[0]"  value="no" />
                                                                <label for="no">No</label>
                                                            </div>
                                                </div>
                                                <div class="form-wrap form-wrap-custom">

                                                    <input type="text" id="venue_park_detail0" placeholder="" class="form-control"  name="venue_park_detail[0]" >
                                                    <label for="venue_park_detail0" class="parking0">Parking Detail</label>
                                                </div>
                                                <div class="form-upload-wrapper">
                                                    <h4>Venue Featured Image*</h4>
                                                    <div class="file-wrapper">
                                                        <input  type="file" class="custom-file" placeholder="Drag and Drop a file here or click to select(Recommended size: 686*377)" name="image[0]" id="venue_image_onchange" />
                                                        <img id="venuepreviewImage_editPage_after_show" alt="Image" class="upload-preview" style="display:none">

                                                    </div>
                                                    <div class="form-wrap style-input">
                                                        <label for="image_label" class="style-label">Image Label*</label>
                                                        <input type="text" id="image_label" class="form-control" name="image_label[0]" value="" >


                                                    </div>
                                                </div>
                                            </div>
                                            <div class="custom-form-column venue-data-0">
                                                <input type="hidden" id="nearby_venue_increment_0" value="0">
                                                <div class="venue-nearby-full-content" id="row_nearby_venue_0_0">

                                                    <div class="venue-nearby" id="venue-nearby">
                                                        <div class="form-header">
                                                            <div class="form-wrap">
                                                                <a href="javascript:void(0)" class="btn full-width add_new_nearby" data-id="0">Add Another Nearby Location</a>
                                                            </div>
                                                        </div>
                                                        <div class="nearby-venue-block">
                                                            <input type="hidden" name="nearby_no[]" id="nearby_number" value="0">
                                                            <input type="hidden" name="nearby_venues_data[0][]" value="add">
                                                            <input type="hidden" name="nearby_venue_id[0][]" value="0">
                                                            <h4>Near By</h4>
                                                            <div class="delete-nearby">
                                                                <a href="javascript:void(0)" class="delete-nearby-data" data-type="add" data-id="0" data-id_nearby_value='0'>
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="13.985" height="15.069" viewBox="0 0 13.985 15.069">
                                                                        <g id="Group_4625" data-name="Group 4625" transform="translate(-333.971 -782.645)">
                                                                            <g id="Group_1417" data-name="Group 1417" transform="translate(335.3 786.944)">
                                                                                <path id="Path_1311" data-name="Path 1311" d="M347.254,807.982h-6.328a1.45,1.45,0,0,1-1.442-1.3l-1.009-9.473H349.7l-1.009,9.473A1.45,1.45,0,0,1,347.254,807.982Z" transform="translate(-338.475 -797.212)" fill="#121214" />
                                                                            </g>
                                                                            <g id="Group_1418" data-name="Group 1418" transform="translate(333.971 783.72)">
                                                                                <rect id="Rectangle_392" data-name="Rectangle 392" width="13.985" height="2.149" rx="1.075" fill="#121214" />
                                                                            </g>
                                                                            <g id="Group_1419" data-name="Group 1419" transform="translate(338.298 782.645)">
                                                                                <rect id="Rectangle_393" data-name="Rectangle 393" width="5.33" height="2.149" rx="1.075" fill="#121214" />
                                                                            </g>
                                                                            <g id="Group_1420" data-name="Group 1420" transform="translate(338.298 789.259)">
                                                                                <path id="Path_1312" data-name="Path 1312" d="M349.685,810.735a.59.59,0,0,1-.586-.53l-.46-4.5a.59.59,0,1,1,1.174-.12l.46,4.5a.59.59,0,0,1-.527.647A.522.522,0,0,1,349.685,810.735Z" transform="translate(-348.636 -805.057)" fill="#121214" />
                                                                            </g>
                                                                            <g id="Group_1421" data-name="Group 1421" transform="translate(341.595 789.259)">
                                                                                <path id="Path_1313" data-name="Path 1313" d="M360.4,810.735a.532.532,0,0,1-.061,0,.59.59,0,0,1-.527-.647l.46-4.5a.59.59,0,1,1,1.174.12l-.46,4.5A.59.59,0,0,1,360.4,810.735Z" transform="translate(-359.808 -805.057)" fill="#121214" />
                                                                            </g>
                                                                        </g>
                                                                    </svg>
                                                                </a>
                                                            </div>
                                                            <div class="form-wrap style-input">
                                                            <input type="hidden" name="venue_nearby_type[]" value="add">
                                                                <label for="nearby_venue_name" class="style-label">Location name*</label>
                                                                <input type="text" id="nearby_venue_name" class="form-control"  name="nearby_venue_name[0][0]"  >

                                                            </div>
                                                            <div class="form-wrap form-wrap-custom">
                                                                <input type="text" id="nearby_venue_postcode" class="form-control" onchange="nearby.doLookup()" name="nearby_venue_postcode[0][0]" placeholder=""  >
                                                                <label for="nearby_venue_postcode">PostCode*</label>


                                                            </div>
                                                            <div class="form-wrap">
                                                                <span id="crafty_postcode_result_display_update_nearby" class="crafty-postcode"> </span>
                                                            </div>
                                                            <div class="form-wrap form-wrap-custom">

                                                             <input type="text" id="nearby_venue_address1" class="form-control" placeholder=""  name="nearby_venue_address1[0][0]" >
                                                             <label for="nearby_venue_address1" class="style-label">Address Line 1*</label>

                                                            </div>
                                                            <div class="form-wrap form-wrap-custom">

                                                             <input type="text" id="nearby_venue_address2" placeholder="" class="form-control"  name="nearby_venue_address2[0][]" >
                                                             <label for="nearby_venue_address2" class="style-label">Address Line 2</label>

                                                            </div>
                                                            <div class="form-wrap form-wrap-custom">

                                                             <input type="text" id="nearby_venue_address3" placeholder="" class="form-control"  name="nearby_venue_address3[0][]" >
                                                             <label for="nearby_venue_address3" class="style-label">Address Line 3</label>

                                                            </div>

                                                            <div class="form-wrap form-wrap-custom">

                                                                <input type="text" id="nearby_venue_county" placeholder="" class="form-control"  name="nearby_venue_county[0][0]"  >
                                                                <label for="nearby_venue_county" class="style-label">County*</label>

                                                            </div>
                                                            <div class="form-wrap">
                                                                <select id="" class="form-select" name="nearby_venue_country[0][]" >
                                                                    @foreach ($country_list as $value)
                                                                        <option value="{{$value->name}}" {{ old('nearby_venue_country.*') == $value->name ? 'selected' : '' }}>{{Str::upper($value->name)}}</option>
                                                                    @endforeach
                                                                </select>

                                                            </div>
                                                            <div class="form-wrapform-wrap-custom">

                                                                <input type="text" id="nearby_venue_phone" placeholder="" class="form-control" name="nearby_venue_phone[0][0]"   >
                                                                <label for="nearby_venue_phone" >Phone</label>
                                                            </div>
                                                            <div class="form-wrap form-wrap-custom">

                                                            <input type="text" id="nearby_venue_meters" placeholder="" class="form-control"  name="nearby_venue_meters[0][0]" >
                                                            <label for="nearby_venue_meters" >Metres Away</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    @endif
                                </div>
                                <div class="venue_structure_append" id="@if(isset($value_for_venue['id'])){{'venue_row_'.$value_for_venue['id']}}@endif" >
                                </div>
                                  <!-- <div class="venue_structure_append" id="@if(isset($number)){{'venue_row_'.$number}}@endif" >
                                </div> -->
                            </div>
                            @if(isset($general_information['franchise_venue']['id']))
                                <button type="submit" class="btn">update</button>
                                @else
                                    <button type="submit" class="btn">save</button>
                                @endif
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{{ url('admin/js/general_info.js') }}"></script>
@endsection

@section('venue_section')


<script>
    $("input[type='radio']").click(function()
        {
            var parkingval = $(this).val();
            var yesid = this.id;
            var parkid = yesid.replace('yes','');
            if (parkingval == 'yes') {
                var parkid = yesid.replace('yes','');
                $(this).parent().parent().next().find("label").text('Parking Detail*');
            }
            else {
                var parkid = yesid.replace('no','');
                $("#venue_park_detail"+parkid+"-error").html('');
                $(this).parent().parent().next().find("label").text('Parking Detail');
            }
        });
    var venues =  {!! json_encode($general_information['franchise_venue']) !!}
    var nearbyVenues =  {!! json_encode($general_information['franchise_nearby_venues']) !!}

    venues && venues.map((venuesItem, index) => {
        cc.attach({
            search: 'venue_postcode'+index,
            county: 'venue_county'+index,
            postcode: 'venue_postcode'+index,
            line_1: 'venue_address1'+index,
            line_2: 'venue_address2'+index,
            line_3: 'venue_address3'+index,
        });


        nearbyVenues && nearbyVenues.map((venuesNearByItem, indexNearBy) => {

            if (venuesNearByItem['venue_id'] == venuesItem['id'])
            {
                cc.attach({
                    search: 'nearby_venue_postcode'+index+'_'+indexNearBy,
                    county: 'nearby_venue_county'+index+'_'+indexNearBy,
                    postcode: 'nearby_venue_postcode'+index+'_'+indexNearBy,
                    line_1: 'nearby_venue_address1'+index+'_'+indexNearBy,
                    line_2: 'nearby_venue_address2'+index+'_'+indexNearBy,
                    line_3: 'nearby_venue_address3'+index+'_'+indexNearBy,
                });
            }

        })
    })


    cc.attach({
        search: 'nearby_venue_postcode',
        county: 'nearby_venue_county',
        postcode: 'nearby_venue_postcode',
        line_1: 'nearby_venue_address1',
        line_2: 'nearby_venue_address2',
        line_3: 'nearby_venue_address3',

    });
</script>

{!! JsValidator::formRequest('App\Http\Requests\FranchisesVenueUpdateRequest', '#update_venue_form') !!}
{!! JsValidator::formRequest('App\Http\Requests\FranchisesVenueRequest', '#add_venue_form') !!}

<script>
    /*  $("[id^=nearby_venue_name]").each(function() {
        $(this).rules("add",
            {
                required: true,
                messages: {
                    required: "Name is required",
                }
            });
    }); */
    function checkData(){
        $("[id^=yes]").each(function() {
            var yesid = this.id;
            var parkid = yesid.replace('yes','');
            //alert("#venue_park_detail"+parkid);
           // alert(this.checked);
            if(this.checked == true){
                $(this).parent().parent().next().find("label").text('Parking Detail*');
               $("#venue_park_detail"+parkid).rules("add",
                {
                    required: true,
                    messages: {
                        required: "Parking detail is required.",
                    }
                }
            )
            }else{
                $("#venue_park_detail"+parkid+"-error").html('');
                $(this).parent().parent().next().find("label").text('Parking Detail');
                $("#venue_park_detail"+parkid).rules("add",
                {
                    required: false,
                    messages: {
                        required: "",
                    }
                }
            )
            }
    });
    }
</script>
@endsection