@extends('seller.layouts.app')

@section('panel_content')

    <div class="aiz-titlebar mt-2 mb-4">
      <div class="row align-items-center">
        <div class="col-md-6">
            <h1 class="h3">{{ translate('Shop Settings')}}
                <a href="{{ route('shop.visit', $shop->slug) }}" class="btn btn-link btn-sm" target="_blank">({{ translate('Visit Shop')}})<i class="la la-external-link"></i>)</a>
            </h1>
        </div>
      </div>
    </div>

    {{-- Basic Info --}}
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0 h6">{{ translate('Basic Info') }}</h5>
        </div>
        <div class="card-body">
            <form class="" action="{{ route('seller.shop.update') }}" method="POST" enctype="multipart/form-data">
                <input type="hidden" name="shop_id" value="{{ $shop->id }}">
                @csrf
                <div class="row">
                    <label class="col-md-2 col-form-label">{{ translate('Shop Name') }}<span class="text-danger text-danger">*</span></label>
                    <div class="col-md-10">
                        <input type="text" class="form-control mb-3" placeholder="{{ translate('Shop Name')}}" name="name" value="{{ $shop->name }}" required>
                    </div>
                </div>
                <div class="row mb-3">
                    <label class="col-md-2 col-form-label">{{ translate('Shop Logo') }}</label>
                    <div class="col-md-10">
                        <div class="input-group" data-toggle="aizuploader" data-type="image">
                            <div class="input-group-prepend">
                                <div class="input-group-text bg-soft-secondary font-weight-medium">{{ translate('Browse')}}</div>
                            </div>
                            <div class="form-control file-amount">{{ translate('Choose File') }}</div>
                            <input type="hidden" name="logo" value="{{ $shop->logo }}" class="selected-files">
                        </div>
                        <div class="file-preview box sm">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <label class="col-md-2 col-form-label">
                        {{ translate('Shop Phone') }}
                    </label>
                    <div class="col-md-10">
                        <input type="text" class="form-control mb-3" placeholder="{{ translate('Phone')}}" name="phone" value="{{ $shop->phone }}" required>
                    </div>
                </div>
                <div class="row">
                    <label class="col-md-2 col-form-label">{{ translate('Shop Address') }} <span class="text-danger text-danger">*</span></label>
                    <div class="col-md-10">
                        <input type="text" class="form-control mb-3" placeholder="{{ translate('Address')}}" name="address" value="{{ $shop->address }}" required>
                    </div>
                </div>
                @if (get_setting('shipping_type') == 'seller_wise_shipping')
                    <div class="row">
                        <div class="col-md-2">
                            <label>{{ translate('Shipping Cost')}} <span class="text-danger">*</span></label>
                        </div>
                        <div class="col-md-10">
                            <input type="number" lang="en" min="0" class="form-control mb-3" placeholder="{{ translate('Shipping Cost')}}" name="shipping_cost" value="{{ $shop->shipping_cost }}" required>
                        </div>
                    </div>
                @endif
                <div class="row">
                    <label class="col-md-2 col-form-label">{{ translate('Meta Title') }}<span class="text-danger text-danger">*</span></label>
                    <div class="col-md-10">
                        <input type="text" class="form-control mb-3" placeholder="{{ translate('Meta Title')}}" name="meta_title" value="{{ $shop->meta_title }}" required>
                    </div>
                </div>
                <div class="row">
                    <label class="col-md-2 col-form-label">{{ translate('Meta Description') }}<span class="text-danger text-danger">*</span></label>
                    <div class="col-md-10">
                        <textarea name="meta_description" rows="3" class="form-control mb-3" required>{{ $shop->meta_description }}</textarea>
                    </div>
                </div>
                <div class="form-group mb-0 text-right">
                    <button type="submit" class="btn btn-sm btn-primary">{{translate('Save')}}</button>
                </div>
            </form>
        </div>
    </div>

    <!--<form action="{{ route('seller.shop.online_service_update') }}" method="POST" enctype="multipart/form-data">-->
    <!--    @csrf-->

    <!--    <input type="hidden" name="shop_id" value="{{ $shop->id }}">-->
    <!--    <div class="card">-->
    <!--        <div class="card-header">-->
    <!--            <h5 class="mb-0 h6">{{ translate('Change Online Service')}}</h5>-->
    <!--        </div>-->
    <!--        <div class="card-body">-->
    <!--            <div class="row">-->
    <!--                <div class="col-md-2">-->
    <!--                    <label>{{ translate('customer service link') }}</label>-->
    <!--                </div>-->
    <!--                <div class="col-md-10">-->
    <!--                    <div class="input-group mb-0">-->
    <!--                        <input type="text" name="online_ervice" value="{{ $shop->online_ervice }}" class="form-control mb-3" placeholder="{{ translate('Online Service')}}">-->
                            
    <!--                    </div>-->
    <!--                    <div class="form-group mb-3 text-right">-->
    <!--                        <button type="submit" class="btn btn-sm btn-primary">{{translate('Save')}}</button>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--                <div class="col-md-2">-->
    <!--                    <label>{{ translate('Customer service backend address') }}</label>-->
    <!--                </div>-->
    <!--                <div class="col-md-10">-->
    <!--                    <div class="input-group mb-3">-->
    <!--                        <input type="text" name="address" value="" class="form-control mb-3" readonly placeholder="{{ translate('Online Service')}}">-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--                <div class="col-md-2">-->
    <!--                    <label>{{ translate('Customer service login account') }}</label>-->
    <!--                </div>-->
    <!--                <div class="col-md-10">-->
    <!--                    <div class="input-group mb-3">-->
    <!--                        <input type="text" name="name" value="{{ $shop->server_name }}" class="form-control mb-3" readonly>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--                <div class="col-md-2">-->
    <!--                    <label>{{ translate('Customer service login password') }}</label>-->
    <!--                </div>-->
    <!--                <div class="col-md-10">-->
    <!--                    <div class="input-group mb-3">-->
    <!--                        <input type="text" name="name" value="{{ $shop->server_password }}" class="form-control mb-3" readonly>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</form>-->

    @if (addon_is_activated('delivery_boy'))
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0 h6">{{ translate('Delivery Boy Pickup Point') }}</h5>
            </div>
            <div class="card-body">
                <form class="" action="{{ route('seller.shop.update') }}" method="POST" enctype="multipart/form-data">
                    <input type="hidden" name="shop_id" value="{{ $shop->id }}">
                    @csrf

                    @if (get_setting('google_map') == 1)
                        <div class="row mb-3">
                            <input id="searchInput" class="controls" type="text" placeholder="{{translate('Enter a location')}}">
                            <div id="map"></div>
                            <ul id="geoData">
                                <li style="display: none;">{{ translate('Full Address') }}: <span id="location"></span></li>
                                <li style="display: none;">{{ translate('Postal Code') }}: <span id="postal_code"></span></li>
                                <li style="display: none;">{{ translate('Country') }}: <span id="country"></span></li>
                                <li style="display: none;">{{ translate('Latitude') }}: <span id="lat"></span></li>
                                <li style="display: none;">{{ translate('Longitude') }}: <span id="lon"></span></li>
                            </ul>
                        </div>
                        <div class="row">
                            <div class="col-md-2" id="">
                                <label for="exampleInputuname">{{ translate('Longitude') }}</label>
                            </div>
                            <div class="col-md-10" id="">
                                <input type="text" class="form-control mb-3" id="longitude" name="delivery_pickup_longitude" readonly="" value="{{ $shop->delivery_pickup_longitude }}">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2" id="">
                                <label for="exampleInputuname">{{ translate('Latitude') }}</label>
                            </div>
                            <div class="col-md-10" id="">
                                <input type="text" class="form-control mb-3" id="latitude" name="delivery_pickup_latitude" readonly="" value="{{ $shop->delivery_pickup_latitude }}">
                            </div>
                        </div>
                    @else
                        <div class="row">
                            <div class="col-md-2" id="">
                                <label for="exampleInputuname">{{ translate('Longitude') }}</label>
                            </div>
                            <div class="col-md-10" id="">
                                <input type="text" class="form-control mb-3" id="longitude" name="delivery_pickup_longitude" value="{{ $shop->delivery_pickup_longitude }}">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-2" id="">
                                <label for="exampleInputuname">{{ translate('Latitude') }}</label>
                            </div>
                            <div class="col-md-10" id="">
                                <input type="text" class="form-control mb-3" id="latitude" name="delivery_pickup_latitude" value="{{ $shop->delivery_pickup_latitude }}">
                            </div>
                        </div>
                    @endif

                    <div class="form-group mb-0 text-right">
                        <button type="submit" class="btn btn-sm btn-primary">{{translate('Save')}}</button>
                    </div>
                </form>
            </div>
        </div>
    @endif

    {{-- Banner Settings --}}
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0 h6">{{ translate('Banner Settings') }}</h5>
        </div>
        <div class="card-body">
            <form class="" action="{{ route('seller.shop.update') }}" method="POST" enctype="multipart/form-data">
                <input type="hidden" name="shop_id" value="{{ $shop->id }}">
                @csrf

                <div class="row mb-3">
                    <label class="col-md-2 col-form-label">{{ translate('Banners') }} (1500x450)</label>
                    <div class="col-md-10">
                        <div class="input-group" data-toggle="aizuploader" data-type="image" data-multiple="true">
                            <div class="input-group-prepend">
                                <div class="input-group-text bg-soft-secondary font-weight-medium">{{ translate('Browse')}}</div>
                            </div>
                            <div class="form-control file-amount">{{ translate('Choose File') }}</div>
                            <input type="hidden" name="sliders" value="{{ $shop->sliders }}" class="selected-files">
                        </div>
                        <div class="file-preview box sm">
                        </div>
                        <small class="text-muted">{{ translate('We had to limit height to maintian consistancy. In some device both side of the banner might be cropped for height limitation.') }}</small>
                    </div>
                </div>

                <div class="form-group mb-0 text-right">
                    <button type="submit" class="btn btn-sm btn-primary">{{translate('Save')}}</button>
                </div>
            </form>
        </div>
    </div>

    {{-- Social Media Link --}}
    <!--<div class="card">-->
    <!--    <div class="card-header">-->
    <!--        <h5 class="mb-0 h6">{{ translate('Social Media Link') }}</h5>-->
    <!--    </div>-->
    <!--    <div class="card-body">-->
    <!--        <form class="" action="{{ route('seller.shop.update') }}" method="POST" enctype="multipart/form-data">-->
    <!--            <input type="hidden" name="shop_id" value="{{ $shop->id }}">-->
    <!--            @csrf-->
    <!--            <div class="form-box-content p-3">-->
    <!--                <div class="row mb-3">-->
    <!--                    <label class="col-md-2 col-form-label">{{ translate('Facebook') }}</label>-->
    <!--                    <div class="col-md-10">-->
    <!--                        <input type="text" class="form-control" placeholder="{{ translate('Facebook')}}" name="facebook" value="{{ $shop->facebook }}">-->
    <!--                        <small class="text-muted">{{ translate('Insert link with https ') }}</small>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--                <div class="row mb-3">-->
    <!--                    <label class="col-md-2 col-form-label">{{ translate('Instagram') }}</label>-->
    <!--                    <div class="col-md-10">-->
    <!--                        <input type="text" class="form-control" placeholder="{{ translate('Instagram')}}" name="instagram" value="{{ $shop->instagram }}">-->
    <!--                        <small class="text-muted">{{ translate('Insert link with https ') }}</small>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--                <div class="row mb-3">-->
    <!--                    <label class="col-md-2 col-form-label">{{ translate('Twitter') }}</label>-->
    <!--                    <div class="col-md-10">-->
    <!--                        <input type="text" class="form-control" placeholder="{{ translate('Twitter')}}" name="twitter" value="{{ $shop->twitter }}">-->
    <!--                        <small class="text-muted">{{ translate('Insert link with https ') }}</small>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--                <div class="row mb-3">-->
    <!--                    <label class="col-md-2 col-form-label">{{ translate('Google') }}</label>-->
    <!--                    <div class="col-md-10">-->
    <!--                        <input type="text" class="form-control" placeholder="{{ translate('Google')}}" name="google" value="{{ $shop->google }}">-->
    <!--                        <small class="text-muted">{{ translate('Insert link with https ') }}</small>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--                <div class="row mb-3">-->
    <!--                    <label class="col-md-2 col-form-label">{{ translate('Youtube') }}</label>-->
    <!--                    <div class="col-md-10">-->
    <!--                        <input type="text" class="form-control" placeholder="{{ translate('Youtube')}}" name="youtube" value="{{ $shop->youtube }}">-->
    <!--                        <small class="text-muted">{{ translate('Insert link with https ') }}</small>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--            <div class="form-group mb-0 text-right">-->
    <!--                <button type="submit" class="btn btn-sm btn-primary">{{translate('Save')}}</button>-->
    <!--            </div>-->
    <!--        </form>-->
    <!--    </div>-->
    <!--</div>-->

@endsection

@section('script')

    @if (get_setting('google_map') == 1)

        @include('frontend.partials.google_map')

    @endif

@endsection