@include('more.partials._header')

    <section class="section-padding-equal-70">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="light-shadow-bg post-ad-box-layout1 myaccount-store-settings">
                        <div class="light-box-content">
                            {{-- <form id="update_store_banners" action="/seller/store/add/{{ $seller->id }}" enctype="multipart/form-data">
                                <div class="post-section store-banner">
                                    <div class="post-ad-title">
                                        <i class="far fa-image"></i>
                                        <h3 class="item-title">Store Images</h3>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label class="control-label">
                                                Store Banner
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group">
                                                <div class="store-banner-wrapper">
                                                    <div class="banenr-img">
                                                        <input type="file" id="fileInput" class="d-none">
                                                        <img src="https://placehold.co/1180x300"
                                                            class="bannerimageuploaded" alt="Store Banner">
                                                        <div class="media-action">
                                                            <a href="#" class="media-add banner"><i
                                                                    class="fas fa-plus"></i></a>
                                                            <a href="#" class="media-delete"
                                                                id="deleteBannerIcon"><i
                                                                    class="far fa-trash-alt"></i></a>
                                                        </div>
                                                    </div>
                                                    <div class="alert alert-danger offersize d-none"
                                                        role="alert">
                                                        <p class="text-danger">This image is too large</p>
                                                    </div>
                                                    <div class="alert alert-danger">
                                                        Recommended image size to (1180x300)px, Maximum file size 3
                                                        MB, Allowed image type (png, jpg, jpeg)
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label class="control-label">
                                                Store Logo
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group">
                                                <div class="store-banner-wrapper">
                                                    <div class="banenr-img">
                                                        <img src="https://placehold.co/180x140"
                                                            class="uploadedlogo" alt="Store Banner">
                                                        <div class="media-action">
                                                            <a href="#" class="media-add logo"><i
                                                                    class="fas fa-plus"></i></a>
                                                            <a href="#" class="media-delete"
                                                                id="deleteLogoIcon"><i
                                                                    class="far fa-trash-alt"></i></a>
                                                        </div>
                                                    </div>
                                                    <div class="alert alert-danger offersize2 d-none"
                                                        role="alert">
                                                        <p class="text-danger">This image is too large</p>
                                                    </div>
                                                    <div class="alert alert-danger">
                                                        Recommended image size to (180x140)px, Maximum file size 3
                                                        MB, Allowed image type (png, jpg, jpeg)
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <input type="submit" class="submit-btn" value="Update Store Brand Images">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <form id="update_store_schedule" action="" enctype="multipart/form-data">
                                <div class="post-section store-schedule">
                                    <div class="post-ad-title">
                                        <i class="far fa-calendar"></i>
                                        <h3 class="item-title">Store Schedule</h3>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <table class="table">
                                                    <thead>
                                                        <tr>
                                                            <th scope="col">Day</th>
                                                            <th scope="col">Open Time</th>
                                                            <th scope="col">Close Time</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>Monday</td>
                                                            <td><input type="time" class="form-control"
                                                                    name="monOpenTime"></td>
                                                            <td><input type="time" class="form-control"
                                                                    name="monCloseTime"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Tuesday</td>
                                                            <td><input type="time" class="form-control"
                                                                    name="tueOpenTime"></td>
                                                            <td><input type="time" class="form-control"
                                                                    name="tueCloseTime"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Wednesday</td>
                                                            <td><input type="time" class="form-control"
                                                                    name="wedOpenTime"></td>
                                                            <td><input type="time" class="form-control"
                                                                    name="wedCloseTime"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Thursday</td>
                                                            <td><input type="time" class="form-control"
                                                                    name="thuOpenTime"></td>
                                                            <td><input type="time" class="form-control"
                                                                    name="thuCloseTime"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Friday</td>
                                                            <td><input type="time" class="form-control"
                                                                    name="friOpenTime"></td>
                                                            <td><input type="time" class="form-control"
                                                                    name="friCloseTime"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Saturday</td>
                                                            <td><input type="time" class="form-control"
                                                                    name="satOpenTime"></td>
                                                            <td><input type="time" class="form-control"
                                                                    name="satCloseTime"></td>
                                                        </tr>
                                                        <tr>
                                                            <td>Sunday</td>
                                                            <td><input type="time" class="form-control"
                                                                    name="sunOpenTime"></td>
                                                            <td><input type="time" class="form-control"
                                                                    name="sunCloseTime"></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <input type="submit" class="submit-btn" value="Update Store Schedule">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form> --}}
                            <form id="update_store_info" method="POST" action="/create-store/{{ $seller->id }}">
                                @csrf
                                <div class="post-section store-information">
                                    <div class="post-ad-title">
                                        <i class="fas fa-folder-open"></i>
                                        <h3 class="item-title">Store Information</h3>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label class="control-label">
                                                Category
                                                {{-- <span>*</span> --}}
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group">
                                                <select class="form-control select-box" name="category_id" id="parentCategory"
                                                    required>
                                                    <option selected>Select store category</option>
                                                    @foreach ($categories as $c)
                                                        <option value="{{ $c['id'] }}">{{ $c['name'] }}</option>
                                                        {{-- <option>Somali</option> --}}
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    {{-- <div class="row">
                                        <div class="col-sm-3">
                                            <label class="control-label">
                                                Sub Category
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group">
                                                <select class="form-control select-box" name="sub_category_id" id="subCategory">
            
                                                </select>
                                            </div>
                                        </div>
                                    </div> --}}
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label class="control-label">
                                                Name
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group">
                                                <input type="text" value="" class="form-control"
                                                    name="name" id="store-name">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label class="control-label">
                                                Slogan
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group">
                                                <input type="text" value="" class="form-control"
                                                    name="slogan" id="store-slogan">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label class="control-label">
                                                Email
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group">
                                                <input type="email" value="" class="form-control"
                                                    name="email" id="store-email">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label class="control-label">
                                                Phone
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group">
                                                <input type="text" value="" class="form-control"
                                                    name="phone" id="store-phone">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label class="control-label">
                                                Website
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group">
                                                <input type="text" value=""
                                                    class="form-control" name="website" id="store-website">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label class="control-label">
                                                Address
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group">
                                                <textarea name="address" class="form-control textarea" id="address" cols="30" rows="2">
                                                    
                                                </textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label class="control-label">
                                                Description
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group">
                                                <textarea name="description" class="form-control textarea" id="data_description" cols="30" rows="6">
                                                   
                                                </textarea>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label class="control-label">
                                                Location
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group store-social">
                                                {{-- <input type="text" value="" class="form-control"
                                                    name="facebook" id="store-facebook" placeholder="Facebook"> --}}
                                                    <select id="inputCountry" class="form-control" name="country_id">
                                                        <option selected="">Select store country</option>
                                                        @foreach ($countries as $c)
                                                            <option value="{{ $c->id; }}">{{ $c->name }}</option>
                                                            {{-- <option>Somali</option> --}}
                                                        @endforeach   
                                                    </select>                                                                                         </select>
                                                {{-- <input type="text" class="form-control" name="twitter"
                                                    id="store-twitter" placeholder="Twitter"> --}}
                                                    <select id="inputRegion" class="form-control" name="region_id">
                                                    
                                                    </select>
                                                {{-- <input type="text" class="form-control" name="youtube"
                                                    id="store-youtube" placeholder="Youtube"> --}}
                                                    <select id="inputPlace" class="form-control" name="place_id">
                                                    
                                                    </select>
                                                {{-- <input type="text" class="form-control" name="linkedin"
                                                    id="store-linkedin" placeholder="Linkedin"> --}}
                                                    <select id="inputArea" class="form-control" name="area_id">
                                                    
                                                    </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <label class="control-label">
                                                Socials
                                            </label>
                                        </div>
                                        <div class="col-sm-9">
                                            <div class="form-group store-social">
                                                <input type="text" value="" class="form-control"
                                                    name="facebook" id="store-facebook" placeholder="Facebook">
                                                <input type="text" class="form-control" name="twitter"
                                                    id="store-twitter" placeholder="Twitter">
                                                <input type="text" class="form-control" name="youtube"
                                                    id="store-youtube" placeholder="Youtube">
                                                <input type="text" class="form-control" name="linkedin"
                                                    id="store-linkedin" placeholder="Linkedin">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                {{-- This leads to seller dashboard --}}
                                                <input type="submit" class="submit-btn" value="Create Store">
                                            </div>
                                        </div>

                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                {{-- This leads to buyer dashboard --}}
                                                <a style="text-align: center" href="/skip-store-creation/{{ $seller->id }}">Skip</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@include('more.partials._footer')