@extends('seller.layout.master')
@section('content')
    <style>
        .form-group {
            margin-bottom: 0px !important;
        }

        .border-right {
            border-right: 1px solid #dee2e6 !important;
        }

        .bar {
            background-color: #2a7ebe !important;
        }

        a .border-green-u {
            border-style: solid;
            border-color: #2a7ebe;
            border-width: 0 10px 10px;
        }
    </style>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <section>
        <div class="accordion" id="accordionExample">
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingOne">
                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne"
                        aria-expanded="true" aria-controls="collapseOne">Main Store Details
                    </button>
                </h2>
                {{-- @dd($id) --}}
                <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        <h4>Store Overview</h4>

                        {{-- <form wire:submit.prevent="store"> --}}
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="Company">Name</label>
                                    <input type="text" readonly name="name"
                                        @if ($storage) value="{{ $storage->name }}" @endif
                                        class="form-control">
                                </div>
                                @error('name')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                                <div class="form-group">
                                    <label for="ContactName*">Phone No</label>
                                    <input type="text" readonly name="phone"
                                        @if ($storage) value="{{ $storage->phone_no }}" @endif
                                        class="form-control">
                                </div>
                                @error('phone')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                                <div class="form-group">
                                    <label for="Branch">Address Line 1</label>
                                    <input type="text" readonly name="address"
                                        @if ($storage) value="{{ $storage->address_line_1 }}" @endif
                                        class="form-control">
                                </div>
                                @error('address')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror

                                <div class="form-group">
                                    <label for="Branch">Address Line 2</label>
                                    <input type="text" readonly name="address2"
                                        @if ($storage) value="{{ $storage->address_line_2 }}" @endif
                                        class="form-control">
                                </div>
                                @error('address2')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                                <div class="form-group">
                                    <label for="city">City</label>
                                    <input type="text" readonly name="city"
                                        @if ($storage) value="{{ $storage->city }}" @endif
                                        class="form-control">
                                </div>
                                @error('city')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                                <div class="form-group">
                                    <label for="Email">Post Code</label>
                                    <input type="text" readonly name="postcode"
                                        @if ($storage) value="{{ $storage->postcode }}" @endif
                                        class="form-control">
                                </div>
                                @error('postcode')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                                <div class="form-group">
                                    <label for="web">Website Inc. http://</label>
                                    <input type="url" readonly name="url"
                                        @if ($storage && $storage->storage_type) value="{{ $storage->storage_type->website_link }}" @endif
                                        class="form-control">
                                </div>
                                {{-- <button class="btn btn-primary mt-2">Test Weblink</button> --}}

                            </div>
                            <div class="col-md-4 ">

                                <label for="">Storage Type</label>
                                <div class="form-group row">
                                    <input type="checkbox" readonly name="self"
                                        @if ($storage && $storage->storage_type && $storage->storage_type->self_storage) checked @endif class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="SelfStorage">Self Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->mobile_storage) checked @endif
                                        name="mobile" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Mobile">Mobile Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->removals_storage) checked @endif
                                        name="removals" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Removals">Removals & Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->container_storage) checked @endif
                                        name="container" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Container">Container Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->document_storage) checked @endif
                                        name="document" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Document">Document Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->box_storage) checked @endif
                                        name="box" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Box">Box Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->caravan_storage) checked @endif
                                        name="caravan" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Caravan">Caravan Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->commercial_storage) checked @endif
                                        name="commercial" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Commercial">Commercial Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->motorhome_rv_storage) checked @endif
                                        name="motorhome" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Motorhome">Motorhome/RV Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->boat_storage) checked @endif
                                        name="boat" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Boat">Boat Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->car_storage) checked @endif
                                        name="car" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Car">Car Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->wine_storage) checked @endif
                                        name="wine" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Wine">Wine Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->trailer_storage) checked @endif
                                        name="trailer" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Trailer">Trailer Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->student_storage) checked @endif
                                        name="student" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Student">Student Storage</label>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <input type="checkbox" readonly @if ($storage && $storage->storage_type && $storage->storage_type->unknown) checked @endif
                                        name="unknown" class="col-md-2 mt-2">
                                    <div class="col-md-10">
                                        <label for="Unknown">Unknown</label>
                                    </div>
                                </div>

                            </div>
                            <div class="col-md-4">
                                <div class="card bg-light">
                                    <div class="card-body">
                                        <h6>Subscribe to Find my storage to unlock additional features such <br>
                                            as:<br>
                                        </h6>
                                        <ul>
                                            <li>Reserve online</li>
                                            <li>Text Messaging</li>
                                            <li>Emails etc</li>
                                            <li>Statistics</li>
                                        </ul>
                                    </div>
                                    <div class="card-body mt-3">
                                        Only £6.93 per week including a Featured advert! There's nothing stopping you!
                                    </div>
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapseeight" aria-expanded="false"
                                        aria-controls="collapseeight">
                                        Subscriptions
                                    </button>
                                </div>
                            </div>
                        </div>

                        {{-- </form> --}}
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingTwo">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Prices
                    </button>
                    {{-- <div class="accordion-body">
                          
                           
                    </div> --}}
                </h2>
                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        <div class="row">

                            <div class="col-md-3 border-right">
                                <h5>Office Hours</h5>
                                {{-- <form> --}}
                                <div class="row">
                                    <label for=""> Monday</label>
                                    <div class="col-md-6">
                                        <select id="off_mon_open" name="office_monday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->monday_start }}">
                                                    {{ $storage->office_hour->monday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_mon_end" name="office_monday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->monday_end }}">
                                                    {{ $storage->office_hour->monday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for=""> Tuesday</label>
                                    <div class="col-md-6">
                                        <select id="off_tue_open" name="office_tuesday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->tuesday_start }}">
                                                    {{ $storage->office_hour->tuesday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_tue_end" name="office_tuesday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->tuesday_start }}">
                                                    {{ $storage->office_hour->tuesday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for=""> Wednesday</label>
                                    <div class="col-md-6">
                                        <select id="off_wed_open" name="office_wednesday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->wednesday_start }}">
                                                    {{ $storage->office_hour->wednesday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_wed_end" name="office_wednesday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->wednesday_end }}">
                                                    {{ $storage->office_hour->wednesday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for="">Thursday</label>
                                    <div class="col-md-6">
                                        <select id="off_thu_open" name="office_thursday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->thursday_start }}">
                                                    {{ $storage->office_hour->thursday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_thu_end" name="office_thursday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->thursday_end }}">
                                                    {{ $storage->office_hour->thursday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for="">Friday</label>
                                    <div class="col-md-6">
                                        <select id="off_fri_open" name="office_friday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->friday_start }}">
                                                    {{ $storage->office_hour->friday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_fri_end" name="office_friday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->friday_end }}">
                                                    {{ $storage->office_hour->friday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for="">Saturday</label>
                                    <div class="col-md-6">
                                        <select id="off_sat_open" name="office_saturday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->saturday_start }}">
                                                    {{ $storage->office_hour->saturday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_sat_end" name="office_saturday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->saturday_end }}">
                                                    {{ $storage->office_hour->saturday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for="">Sunday</label>
                                    <div class="col-md-6">
                                        <select id="off_sun_open" name="office_sunday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->sunday_start }}">
                                                    {{ $storage->office_hour->sunday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_sun_end" name="office_sunday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->sunday_end }}">
                                                    {{ $storage->office_hour->sunday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for=""> Public Holiday</label>
                                    <div class="col-md-6">
                                        <select id="off_holi_open" name="office_holiday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->public_start }}">
                                                    {{ $storage->office_hour->public_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_holi_end" name="office_holiday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->office_hour)
                                                <option value="{{ $storage->office_hour->public_end }}">
                                                    {{ $storage->office_hour->public_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                {{-- </form> --}}
                            </div>
                            <div class="col-md-3 border-right">
                                <h5>Access Times</h5>

                                <div class="row">
                                    <label for=""> Monday</label>
                                    <div class="col-md-6">
                                        <select id="off_mon_open" name="office_monday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->monday_start }}">
                                                    {{ $storage->access_time->monday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_mon_end" name="office_monday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->monday_end }}">
                                                    {{ $storage->access_time->monday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for=""> Tuesday</label>
                                    <div class="col-md-6">
                                        <select id="off_tue_open" name="office_tuesday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->tuesday_start }}">
                                                    {{ $storage->access_time->tuesday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_tue_end" name="office_tuesday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->tuesday_start }}">
                                                    {{ $storage->access_time->tuesday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for=""> Wednesday</label>
                                    <div class="col-md-6">
                                        <select id="off_wed_open" name="office_wednesday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->wednesday_start }}">
                                                    {{ $storage->access_time->wednesday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_wed_end" name="office_wednesday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->wednesday_end }}">
                                                    {{ $storage->access_time->wednesday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for="">Thursday</label>
                                    <div class="col-md-6">
                                        <select id="off_thu_open" name="office_thursday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->thursday_start }}">
                                                    {{ $storage->access_time->thursday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_thu_end" name="office_thursday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->thursday_end }}">
                                                    {{ $storage->access_time->thursday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for="">Friday</label>
                                    <div class="col-md-6">
                                        <select id="off_fri_open" name="office_friday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->friday_start }}">
                                                    {{ $storage->access_time->friday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_fri_end" name="office_friday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->friday_end }}">
                                                    {{ $storage->access_time->friday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for="">Saturday</label>
                                    <div class="col-md-6">
                                        <select id="off_sat_open" name="office_saturday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->saturday_start }}">
                                                    {{ $storage->access_time->saturday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_sat_end" name="office_saturday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->saturday_end }}">
                                                    {{ $storage->access_time->saturday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for="">Sunday</label>
                                    <div class="col-md-6">
                                        <select id="off_sun_open" name="office_sunday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->sunday_start }}">
                                                    {{ $storage->access_time->sunday_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_sun_end" name="office_sunday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->sunday_end }}">
                                                    {{ $storage->access_time->sunday_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for=""> Public Holiday</label>
                                    <div class="col-md-6">
                                        <select id="off_holi_open" name="office_holiday_start" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->public_start }}">
                                                    {{ $storage->access_time->public_start }}</option>
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="off_holi_end" name="office_holiday_end" class="form-control"
                                            required="required">
                                            @if ($storage && $storage->access_time)
                                                <option value="{{ $storage->access_time->public_end }}">
                                                    {{ $storage->access_time->public_end }}</option>
                                            @endif
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 border-right">
                                <h5>£PCM</h5>
                                <div class="form-group">
                                    <label for="box">Box</label>
                                    <input type="text" readonly name="pcm_box"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->box }}" @endif
                                        class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="25 ft2">25 ft2</label>
                                    <input type="text" readonly name="pcm_25"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->pcm_25_ft2 }}" @endif
                                        class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="35 ft2">35 ft2</label>
                                    <input type="text" readonly name="pcm_35"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->pcm_35_ft2 }}" @endif
                                        class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="50 ft2">50 ft2</label>
                                    <input type="text" readonly name="pcm_50"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->pcm_50_ft2 }}" @endif
                                        class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="75 ft2">75 ft2</label>
                                    <input type="text" readonly name="pcm_75"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->pcm_75_ft2 }}" @endif
                                        class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="80 ft2">80 ft2</label>
                                    <input type="text" readonly name="pcm_80"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->pcm_80_ft2 }}" @endif
                                        class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="100 ft2">100 ft2</label>
                                    <input type="text" readonly name="pcm_100"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->pcm_100_ft2 }}" @endif
                                        class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="125 ft2">125 ft2</label>
                                    <input type="text" readonly name="pcm_125"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->pcm_125_ft2 }}" @endif
                                        class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="150 ft2">150 ft2</label>
                                    <input type="text" readonly name="pcm_150"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->pcm_150_ft2 }}" @endif
                                        class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="160 ft2">160 ft2</label>
                                    <input type="text" readonly name="pcm_160"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->pcm_160_ft2 }}" @endif
                                        class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="Custom Size 1">Custom Size 1</label>
                                    <input type="text" readonly name="custom_size1"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->custom_size_1 }}" @endif
                                        class="form-control" placeholder="Custom Size">
                                    <input type="text" readonly name="custom_price1"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->custom_price_1 }}" @endif
                                        class="form-control" placeholder="Price">
                                </div>
                                <div class="form-group">
                                    <label for="Custom Size 2">Custom Size 2</label>
                                    <input type="text" readonly name="custom_size2"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->custom_size_2 }}" @endif
                                        class="form-control" placeholder="Custom Size">
                                    <input type="text" readonly name="custom_price2"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->custom_price_2 }}" @endif
                                        class="form-control" placeholder="Price">
                                </div>
                                <div class="form-group">
                                    <label for="Custom Size 3">Custom Size 3</label>
                                    <input type="text" readonly name="custom_size3"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->custom_size_3 }}" @endif
                                        class="form-control" placeholder="Custom Size">
                                    <input type="text" readonly name="custom_price3"
                                        @if ($storage && $storage->pcm) value="{{ $storage->pcm->custom_price_3 }}" @endif
                                        class="form-control" placeholder="Price">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <h5>Features</h5>
                                @if ($storage->feature)
                                    @if ($storage->feature->hour)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/24-hour.png') }}" alt="24 24 Hour" title="24 24 Hour"> --}}
                                            <div class="col-md-10">
                                                <label for="24 Hour">24 24 Hour</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->hire)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Van-Hire.jpg') }}" alt="Van Hire" title="Van Hire"> --}}
                                            <div class="col-md-10">
                                                <label for="Hire">Van Hire</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->cctv)
                                        <div class="form-group row">

                                            {{-- <img src="{{ asset('./webassets/imgs/Features/cctv.png') }}" alt="CCTV" title="CCTV"> --}}
                                            <div class="col-md-10">
                                                <label for="CCTV">CCTV</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->forklift)
                                        <div class="form-group row">

                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Forklift.png') }}" alt="Forklift" title="Forklift"> --}}
                                            <div class="col-md-10">
                                                <label for="Forklift">Forklift</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->climate_control)
                                        <div class="form-group row">

                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Climate-Control.jpg') }}" alt="Climate Control" title="Climate Control"> --}}
                                            <div class="col-md-10">
                                                <label for="Control">Climate Control</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->container)
                                        <div class="form-group row">

                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Container.png') }}" alt="Containers" title="Containers"> --}}
                                            <div class="col-md-10">
                                                <label for="Containers">Containers</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->assistance_at_store)
                                        <div class="form-group row">

                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Assistance.png') }}" alt="Assistance at store" title="Assistance at store"> --}}
                                            <div class="col-md-10">
                                                <label for="Assistance">Assistance at store</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->free_pick_up)
                                        <div class="form-group row">

                                            {{-- <img src="{{ asset('./webassets/imgs/Features/pick-up.png') }}" alt="Free pick-up" title="Free pick-up"> --}}
                                            <div class="col-md-10">
                                                <label for="Free">Free pick-up</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->packaging)
                                        <div class="form-group row">

                                            {{-- <img src="{{ asset('./webassets/imgs/Features/packaging.png') }}" alt="Packaging Available" title="Packaging Available"> --}}
                                            <div class="col-md-10">
                                                <label for="Packaging">Packaging Available</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->insurance)
                                        <div class="form-group row">

                                            {{-- <img src="{{ asset('./webassets/imgs/Features/insurance.png') }}" alt="Insurance Available" title="Insurance Available"> --}}
                                            <div class="col-md-10">
                                                <label for="insurance">Insurance Available</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->truck)
                                        <div class="form-group row">

                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Pallet-Trucks.png') }}" alt="Pallet Trucks" title="Pallet Trucks"> --}}
                                            <div class="col-md-10">
                                                <label for="Packaging">Pallet Trucks</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->box)
                                        <div class="form-group row">

                                            {{-- <img src="{{ asset('./webassets/imgs/Features/box.png') }}" alt="Box Storage" title="Box Storage"> --}}
                                            <div class="col-md-10">
                                                <label for="Packaging">Box Storage</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->electricity)
                                        <div class="form-group row">

                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Electricity.png') }}" alt="Electricity" title="Electricity"> --}}
                                            <div class="col-md-10">
                                                <label for="electricity">Electricity</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->lockable)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Lockable-Door.png') }}" alt="Lockable Door" title="Lockable Door"> --}}
                                            <div class="col-md-10">
                                                <label for="Lockable">Lockable Door</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->drive_up_access)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Drive.png') }}" alt="Drive Up Access" title="Drive Up Access"> --}}
                                            <div class="col-md-10">
                                                <label for="Drive">Drive Up Access</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->drive_in_loading_unloading)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Drive-in-Loading-Unloading.jpg') }}" alt="Drive-in Loading/Unloading" title="Drive-in Loading/Unloading"> --}}
                                            <div class="col-md-10">
                                                <label for="Unloading">Drive-in Loading/Unloading</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->valet)
                                        <div class="form-group row">
                                            {{-- <img  src="{{ asset('./webassets/imgs/Features/Service-Valet.png') }}" alt="Service/Valet" title="Service/Valet"> --}}
                                            <div class="col-md-10">
                                                <label for="Valet">Service/Valet</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->lightning)
                                        <div class="form-group row">
                                            {{-- <div class="col-md-2">
                                            <img src="{{ asset('./webassets/imgs/Features/security-lighting.png') }}" alt="Security Lightning" title="Security Lightning">
                                            </div> --}}
                                            <div class="col-md-10">
                                                <label for="Lightning">Security Lightning</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->pin_access)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Pin-Access.jpg') }}" alt="Pin Access" title="Pin Access"> --}}
                                            <div class="col-md-10">
                                                <label for="Access">Pin Access</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->fencing)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/security-fencing.png') }}" alt="Security Fencing" title="Security Fencing"> --}}
                                            <div class="col-md-10">
                                                <label for="Fencing">Security Fencing</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->anpr)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/ANPR.png') }}" alt="ANPR" title="ANPR"> --}}
                                            <div class="col-md-10">
                                                <label for="ANPR">ANPR</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->vermin)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Vermin-Control.png') }}" alt="Vermin Control" title="Vermin Control"> --}}
                                            <div class="col-md-10">
                                                <label for="Vermin ">Vermin Control</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->padlock)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Padlock.png') }}" alt="Padlock" title="Padlock"> --}}
                                            <div class="col-md-10">
                                                <label for="Padlock">Padlock</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->alarm)
                                        <div class="form-group row">

                                            {{-- <img src="{{ asset('./webassets/imgs/Features/security-alarm.png') }}" alt="Security Alarm" title="Security Alarm"> --}}

                                            <div class="col-md-10">
                                                <label for="Alarm">Security Alarm</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->cover)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Under-Cover.png') }}" alt="Under Cover" title="Under Cover"> --}}
                                            <div class="col-md-10">
                                                <label for="Cover">Under Cover</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->lift)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Lift.png') }}" alt="Lift" title="Lift"> --}}
                                            <div class="col-md-10">
                                                <label for="Lift">Lift</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->standing)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Hard-Standing.jpg') }}" alt="Hard Standing" title="Hard Standing"> --}}
                                            <div class="col-md-10">
                                                <label for="Standing">Hard Standing</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->cassoa)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/CaSSOA.png') }}" alt="CaSSOA" title="CaSSOA"> --}}
                                            <div class="col-md-10">
                                                <label for="CaSSOA">CaSSOA</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->shelving)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Shelving.jpg') }}" alt="Shelving" title="Shelving"> --}}
                                            <div class="col-md-10">
                                                <label for="Shelving">Shelving</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->gates)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/security-gates.png') }}" alt="Security Gates" title="Security Gates"> --}}
                                            <div class="col-md-10">
                                                <label for="Gates">Security Gates</label>
                                            </div>
                                        </div>
                                    @endif
                                    @if ($storage->feature->patrol)
                                        <div class="form-group row">
                                            {{-- <img src="{{ asset('./webassets/imgs/Features/Security-guard.png') }}" alt="Security Guard/Patrol" title="Security Guard/Patrol"> --}}
                                            <div class="col-md-10">
                                                <label for="Patrol">Security Guard/Patrol</label>
                                            </div>
                                        </div>
                                    @endif
                                @endif

                            </div>
                        </div>
                        {{-- @livewire('storage.price',['storage_id'=>$id]) --}}

                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingThree">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                        About your facility
                    </button>
                </h2>
                <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body">

                        {{-- <form wire:submit.prevent='store()'> --}}
                        <div class="row">
                            <div class="col-md-6">
                                <h4>About Your Facility</h4>
                                <div class="fomr-group">
                                    <textarea id="about_your_facility" cols="30" class="form-control" rows="15" readonly
                                        name='about_your_facility'>
@if ($storage && $storage->about_your_facility)
{{ $storage->about_your_facility->facility }}
@endif
</textarea>
                                </div>

                            </div>
                            <div class="col-md-6">
                                <h4>Special Offers</h4>
                                <div class="fomr-group">
                                    <textarea id="special_offer" cols="30" class="form-control" rows="15" readonly name='special_offer'>
@if ($storage && $storage->about_your_facility)
{{ $storage->about_your_facility->feature }}
@endif
</textarea>
                                </div>

                            </div>
                        </div>
                        {{-- <div class="row mt-3">
                                <div class="col-md-10"></div>
                                <div class="col-md-2">
                                    <button class="btn btn-primary mb-2">
                                        Save section
                                    </button>
                                </div>
                            </div>
                        </form> --}}
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingfour">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#collapsefour" aria-expanded="false" aria-controls="collapsefour">
                        Store Images
                    </button>
                </h2>
                <div id="collapsefour" class="accordion-collapse collapse" aria-labelledby="headingfour"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        <div class="row">
                            <div class="col-md-4">

                                {{-- <form wire:submit.prevent='store1()'> --}}
                                <h5>Logo</h5>
                                <div class="form-group">
                                    @if ($storage && $storage->storeImage && $storage->storeImage->image1)
                                        <img src="{{ asset('/storage/' . $storage->storeImage->image1) }}" width="100%"
                                            alt="">
                                    @else
                                        <img src="{{ asset('./assets/img/image-placeholder.png') }}" width="100%"
                                            alt="">
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="Title">Title *</label>
                                    <input type="text" readonly name='title1'
                                        @if ($storage && $storage->storeImage) value="{{ $storage->storeImage->title1 }}" @endif
                                        class="form-control">
                                </div>

                                <div class="form-group">
                                    <label for="Description">Description *</label>
                                    <input type="text" readonly name='desc1'
                                        @if ($storage && $storage->storeImage) value="{{ $storage->storeImage->decription1 }}" @endif
                                        class="form-control">
                                </div>
                                {{-- @error('desc1')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                    <div class="form-group">
                                        <label for="Select">Select image</label>
                                        <input type="file" readonly name='image1' value="" class="form-control">
                                    </div> --}}
                                {{-- <br>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <button class="btn btn-primary">Upload</button>
                                        </div>
                                    </div> --}}
                                {{-- </form> --}}
                                {{-- <br />
                                <div class="row">
                                    <div class="col-md-6">
                                        <button class="btn btn-danger" wire:click='delete1()'>Delete</button>
                                    </div>
                                </div> --}}
                            </div>
                            <div class="col-md-4">
                                {{-- <form wire:submit.prevent='store2()'> --}}
                                <h5>Image 2</h5>
                                <div class="form-group">
                                    @if ($storage && $storage->storeImage && $storage->storeImage->image2)
                                        <img src="{{ asset('/storage/' . $storage->storeImage->image2) }}" width="100%"
                                            alt="">
                                    @else
                                        <img src="{{ asset('./assets/img/image-placeholder.png') }}" width="100%"
                                            alt="">
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="Title">Title *</label>
                                    <input type="text" readonly name='title1'
                                        @if ($storage && $storage->storeImage) value="{{ $storage->storeImage->title2 }}" @endif
                                        class="form-control">
                                </div>

                                <div class="form-group">
                                    <label for="Description">Description *</label>
                                    <input type="text" readonly name='desc1'
                                        @if ($storage && $storage->storeImage) value="{{ $storage->storeImage->decription2 }}" @endif
                                        class="form-control">
                                </div>
                                {{-- @error('desc2')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                    <div class="form-group">
                                        <label for="Select">Select image</label>
                                        <input type="file" readonly name='image2' value="" class="form-control">
                                    </div>
                                    <br>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <button class="btn btn-primary">Upload</button>
                                        </div>
                
                                    </div> --}}
                                {{-- </form> --}}
                                <br />
                                {{-- <div class="row">
                                    <div class="col-md-6">
                                        <button class="btn btn-danger" wire:click='delete2()'>Delete</button>
                                    </div>
                                </div> --}}
                            </div>
                            <div class="col-md-4">
                                {{-- <form wire:submit.prevent='store3()'> --}}
                                <h5>Image 3</h5>
                                <div class="form-group">
                                    @if ($storage && $storage->storeImage && $storage->storeImage->image3)
                                        <img src="{{ asset('/storage/' . $storage->storeImage->image3) }}"
                                            width="100%" alt="">
                                    @else
                                        <img src="{{ asset('./assets/img/image-placeholder.png') }}" width="100%"
                                            alt="">
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="Title">Title *</label>
                                    <input type="text" readonly name='title1'
                                        @if ($storage && $storage->storeImage) value="{{ $storage->storeImage->title3 }}" @endif
                                        class="form-control">
                                </div>

                                <div class="form-group">
                                    <label for="Description">Description *</label>
                                    <input type="text" readonly name='desc1'
                                        @if ($storage && $storage->storeImage) value="{{ $storage->storeImage->decription3 }}" @endif
                                        class="form-control">
                                </div>
                                {{-- <div class="form-group">
                                        <label for="Select">Select image</label>
                                        <input type="file" readonly name='image3' value="" class="form-control">
                                    </div> --}}
                                {{-- <br> --}}
                                {{-- <div class="row">
                                        <div class="col-md-6">
                                            <button class="btn btn-primary">Upload</button>
                                        </div>
                
                                    </div> --}}
                                {{-- </form> --}}
                                {{-- <br /> --}}
                                {{-- <div class="row">
                                    <div class="col-md-6">
                                        <button class="btn btn-danger" wire:click='delete3()'>Delete</button>
                                    </div>
                                </div> --}}
                            </div>
                            <div class="col-md-4 mt-3">
                                {{-- <form wire:submit.prevent='store4()'> --}}
                                <h5>Image 4</h5>
                                <div class="form-group">
                                    @if ($storage && $storage->storeImage && $storage->storeImage->image4)
                                        <img src="{{ asset('/storage/' . $storage->storeImage->image4) }}"
                                            width="100%" alt="">
                                    @else
                                        <img src="{{ asset('./assets/img/image-placeholder.png') }}" width="100%"
                                            alt="">
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="Title">Title *</label>
                                    <input type="text" readonly name='title1'
                                        @if ($storage && $storage->storeImage) value="{{ $storage->storeImage->title4 }}" @endif
                                        class="form-control">
                                </div>

                                <div class="form-group">
                                    <label for="Description">Description *</label>
                                    <input type="text" readonly name='desc1'
                                        @if ($storage && $storage->storeImage) value="{{ $storage->storeImage->decription4 }}" @endif
                                        class="form-control">
                                </div>
                                {{-- <div class="form-group">
                                        <label for="Select">Select image</label>
                                        <input type="file" readonly name='image4' value="" class="form-control">
                                    </div>
                                    <br> --}}
                                {{-- <div class="row">
                                        <div class="col-md-6">
                                            <button class="btn btn-primary">Upload</button>
                                        </div>
                
                                    </div> --}}
                                {{-- </form> --}}
                                <br />
                                {{-- <div class="row">
                                    <div class="col-md-6">
                                        <button class="btn btn-danger" wire:click='delete4()'>Delete</button>
                                    </div>
                                </div> --}}
                            </div>
                            <div class="col-md-4 mt-3">
                                {{-- <form wire:submit.prevent='store5()'> --}}
                                <h5>Image 5</h5>
                                <div class="form-group">
                                    @if ($storage && $storage->storeImage && $storage->storeImage->image5)
                                        <img src="{{ asset('/storage/' . $storage->storeImage->image5) }}"
                                            width="100%" alt="">
                                    @else
                                        <img src="{{ asset('./assets/img/image-placeholder.png') }}" width="100%"
                                            alt="">
                                    @endif
                                </div>
                                <div class="form-group">
                                    <label for="Title">Title *</label>
                                    <input type="text" readonly name='title1'
                                        @if ($storage && $storage->storeImage) value="{{ $storage->storeImage->title5 }}" @endif
                                        class="form-control">
                                </div>

                                <div class="form-group">
                                    <label for="Description">Description *</label>
                                    <input type="text" readonly name='desc1'
                                        @if ($storage && $storage->storeImage) value="{{ $storage->storeImage->decription5 }}" @endif
                                        class="form-control">
                                </div>
                                {{-- <div class="form-group">
                                        <label for="Select">Select image</label>
                                        <input type="file" readonly name='image5' value="" class="form-control">
                                    </div> --}}
                                {{-- <br>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <button class="btn btn-primary">Upload</button>
                                        </div>
                
                                    </div> --}}
                                {{-- </form> --}}
                                <br />
                                {{-- <div class="row">
                                    <div class="col-md-6">
                                        <button class="btn btn-danger" wire:click='delete5()'>Delete</button>
                                    </div>
                                </div> --}}
                            </div>
                        </div>
                    </div>
                    {{-- @livewire('storage.store-image',['storage_id'=>$id]) --}}
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingfive">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#collapsefive" aria-expanded="false" aria-controls="collapsefive">
                        Featured Advert
                    </button>
                </h2>
                <div id="collapsefive" class="accordion-collapse collapse" aria-labelledby="headingfive"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        {{-- <form wire:submit.prevent='store'> --}}
                        <div class="row">
                            <h3>Create your advert</h3>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="Bullet">Bullet 1</label>
                                    <input type="text" placeholder="Bullet Point 1" readonly name="bullet1"
                                        @if ($storage && $storage->feature_advert) value="{{ $storage->feature_advert->bullet_point_1 }}" @endif
                                        id="bullet1" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="Bullet">Bullet 2</label>
                                    <input type="text" placeholder="Bullet Point 2" readonly name="bullet2"
                                        @if ($storage && $storage->feature_advert) value="{{ $storage->feature_advert->bullet_point_2 }}" @endif
                                        id="bullet2" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="Bullet">Bullet 3</label>
                                    <input type="text" placeholder="Bullet Point 3" readonly name="bullet3"
                                        @if ($storage && $storage->feature_advert) value="{{ $storage->feature_advert->bullet_point_3 }}" @endif
                                        id="bullet3" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="Bullet">Bullet 4</label>
                                    <input type="text" placeholder="Bullet Point 4" readonly name="bullet4"
                                        @if ($storage && $storage->feature_advert) value="{{ $storage->feature_advert->bullet_point_4 }}" @endif
                                        id="bullet4" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="Bullet">Bullet 5</label>
                                    <input type="text" placeholder="Bullet Point 5" readonly name="bullet5"
                                        @if ($storage && $storage->feature_advert) value="{{ $storage->feature_advert->bullet_point_5 }}" @endif
                                        id="bullet5" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label for="Bullet">Bullet 6</label>
                                    <input type="text" placeholder="Bullet Point 6" readonly name="bullet6"
                                        @if ($storage && $storage->feature_advert) value="{{ $storage->feature_advert->bullet_point_6 }}" @endif
                                        id="bullet6" class="form-control">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="About">About Store</label>
                                    <textarea readonly name="about_store" id="about_store" class="form-control" cols="30" rows="50">
@if ($storage && $storage->feature_advert)
{{ $storage->feature_advert->about_storage }}
@endif
</textarea>
                                </div>
                            </div>
                            {{-- <div class="col-md-10"></div> --}}
                            {{-- <div class="col-md-2">
                                    <button type="submit" class="btn btn-primary">
                                        Save SecTion
                                    </button>
                                </div> --}}
                        </div>
                        {{-- </form> --}}
                    </div>
                    {{-- @livewire('storage.feature-advert',['storage_id'=>$id]) --}}
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingsix">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#collapsesix" aria-expanded="false" aria-controls="collapsesix">
                        Featured Advert Preview
                    </button>
                </h2>
                <div id="collapsesix" class="accordion-collapse collapse" aria-labelledby="headingsix"
                    data-bs-parent="#accordionExample">
                    <div class="accordion-body bg-light">
                        <div class="row">
                            <h3 class="text-center">Featured Store</h3>
                            <div class="card">
                                <div class="card-header bar text-center text-white">
                                    @if ($storage)
                                        {{ $storage->name }}
                                    @endif
                                </div>
                                <div class="card-body border-green-u row">
                                    <div class="col-md-9">
                                        <div class="form-group">
                                            @if ($storage && $storage->storeImage)
                                                @if ($storage->storeImage->image1)
                                                    <img src="{{ asset('/storage/' . $storage->storeImage->image1) }}"
                                                        width="50%" alt="">
                                                @elseif($storage->storeImage->image2)
                                                    <img src="{{ asset('/storage/' . $storage->storeImage->image2) }}"
                                                        width="50%" alt="">
                                                @elseif($storage->storeImage->image3)
                                                    <img src="{{ asset('/storage/' . $storage->storeImage->image3) }}"
                                                        width="50%" alt="">
                                                @elseif($storage->storeImage->image4)
                                                    <img src="{{ asset('/storage/' . $storage->storeImage->image4) }}"
                                                        width="50%" alt="">
                                                @elseif($storage->storeImage->image5)
                                                    <img src="{{ asset('/storage/' . $storage->storeImage->image5) }}"
                                                        width="50%" alt="">
                                                @else
                                                    <img src="{{ asset('./assets/img/image-placeholder.png') }}"
                                                        width="50%" alt="">
                                                @endif
                                            @else
                                                <img src="{{ asset('./assets/img/image-placeholder.png') }}"
                                                    width="50%" alt="">
                                            @endif

                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <button class="btn btn-primary w-75 mb-1">Get Directions!</button>
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-primary w-75 mb-1">Email Store</button>
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-primary w-75 mb-1">Visit Website</button>
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-primary w-75 mb-1">Text Me Details!</button>
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-primary w-75 mb-1">Reserve Now!</button>
                                        </div>
                                        <div class="form-group mb-1">
                                            ☎ {{ $storage->phone_no }}
                                        </div>
                                        <div class="form-group">
                                            <button class="btn btn-danger w-75">View Store!</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingseven">
                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                        data-bs-target="#collapseeight" aria-expanded="false" aria-controls="collapseeight">
                        Subscriptions
                    </button>
                </h2>
                <div id="collapseeight" class="accordion-collapse collapse" aria-labelledby="headingseven"
                    data-bs-parent="#accordionExample">
                    @livewire('storage.subscription', ['storage_id' => $storage->id])
                    {{-- <div class="accordion-body">
                        <div class="row">
                            <h5 class="text-center">Secured postcodes:<br>
                                Reserved postcodes:</h5>
                            <div class="row">
                                <div class="col-md-4">
                                    <h6>Postcodes within 10 Miles of Petty and Tucker Plc</h6>
                                    <p></p>
                                    <div class="row mt-4"
                                        style="border-top: 1px solid #dfdfdf; max-height:120px; overflow-x:auto;">
                                        <div class="col-md-3 mt-2">
                                            <h6>Postcode</h6>
                                            <span>DG10</span>
                                        </div>
                                        <div class="col-md-3 mt-2">
                                            <h6>Distance</h6>
                                            <span>4.01</span>
                                        </div>
                                        <div class="col-md-3 mt-2">
                                            <h6>Price</h6>
                                            <span>£12</span>
                                        </div>
                                        <div class="col-md-3 mt-2">
                                            <h6></h6>
                                            <button class="btn btn-primary">Add</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <h6>Postcode search</h6>
                                    <input type="text" name="" id="" placeholder="Postcode"
                                        class="form-control">
                                </div>
                                <div class="col-md-4  mt-4">
                                    <h6>Click reserve to secure postcodes</h6>
                                    <div class="row" style="border-top: 1px solid #dfdfdf;">
                                        <div class="col-md-4 mt-2">
                                            <h6>Postcode</h6>
                                            <span>DG10</span>
                                        </div>
                                        <div class="col-md-4 mt-2">
                                            <h6>Price</h6>
                                            <span>£12</span>
                                        </div>
                                        <div class="col-md-4 mt-2">
                                            <h6></h6>
                                            <button class="btn btn-danger">Remove</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-5" style="border-top: 2px solid #dfdfdf;">
                                <div class="col-md-6 mt-1"></div>
                                <div class="col-md-3 mt-1">Total cost £0</div>
                                <div class="col-md-3 mt-1">
                                    <button class="btn btn-danger">Reserve</button>
                                </div>
                            </div>
                        </div>
                    </div> --}}
                </div>
            </div>
        </div>
    </section>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
    </script>
    <br>
    <br>
    <br>
@endsection
@push('scripts')
    <script
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDXjU5ipIQXdtLhqAjJjB3-s9FWcteb0XA&libraries=places&callback=getLocation"
        async="async" defer="defer"></script>
    <script>
        function getLocation() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showPosition, showError);
            } else {
                x.innerHTML = "Geolocation is not supported by this browser.";
            }
        }

        function showPosition(position) {
            lat = {{ $storage->lat }};
            lon = {{ $storage->lng }};
            displayLocation(lat, lon);
        }

        function showError(error) {
            switch (error.code) {
                case error.PERMISSION_DENIED:
                    console.log("User denied the request for Geolocation.");
                    break;
                case error.POSITION_UNAVAILABLE:
                    console.log("Location information is unavailable.");
                    break;
                case error.TIMEOUT:
                    console.log("The request to get user location timed out.");
                    break;
                case error.UNKNOWN_ERROR:
                    console.log("An unknown error occurred.");
                    break;
            }
        }

        function displayLocation(latitude, longitude) {
            var geocoder = (geocoder = new google.maps.Geocoder());
            var latlng = new google.maps.LatLng(latitude, longitude);
            geocoder.geocode({
                'latLng': latlng
            }, function(results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    if (results[0]) {
                        var add = results[0].formatted_address;
                        var value = add.split(",");
                        console.log(value);

                        count = value.length;
                        country = value[count - 1];
                        state = value[count - 2];
                        city = value[count - 3];
                        console.log("state name is: " + state);
                        fetch_postCode(state)
                    } else {
                        console.log("address not found");
                    }
                } else {
                    console.log("Geocoder failed due to: " + status);
                }
            });
        }

        function fetch_postCode(state) {
            $.ajax({
                url: "{{ route('seller.fetch_postcode') }}",
                type: 'GET',
                data: {
                    state: state,
                },
                cache: false,
                contentType: 'application/json; charset=utf-8',
                success: function(response) {
                    // if (response.code == 200) window.location.reload();
                },
                error: err => console.log(err)
            });





            // return fetch("https://maps.googleapis.com/maps/api/geocode/json?address=" + state +
            //         '&key=AIzaSyDXjU5ipIQXdtLhqAjJjB3-s9FWcteb0XA')
            //     .then(response => response.json())
            //     .then(data => {
            //         var add = data.results[0];
            //         console.log(add);
            //     })
        }

        // function fetch_loca(state) {
        //     return fetch("https://maps.googleapis.com/maps/api/geocode/json?address=" + state +
        //             '&key=AIzaSyDXjU5ipIQXdtLhqAjJjB3-s9FWcteb0XA')
        //         .then(response => response.json())
        //         .then(data => {
        //             var add = data.results[0];
        //             console.log(add);
        //         })
        // }
    </script>
@endpush