@extends('order.shop.layout.base')

@section('title') Shop @stop
@section('styles')
@parent
<link rel="stylesheet" href="{{ asset('assets/plugins/clockpicker/dist/bootstrap-clockpicker.min.css') }}"> 
<link rel="stylesheet"  type='text/css' href="{{ asset('assets/plugins/cropper/css/cropper.css')}}" />

@stop
@section('content')
@include('common.admin.includes.image-modal')
<div class="main-content-container container-fluid px-4 harapriya">
    
    <div class="page-header row no-gutters py-4">
        <div class="col-12 col-sm-4 text-center text-sm-left mb-0">
        <span class="text-uppercase page-subtitle">Shop</span>
        <h3 class="page-title">Shop</h3>
        </div>
    </div>
    <div class="row mb-4 mt-20">
        <div class="col-md-12">
            <div class="card card-small">
                <div class="card-header border-bottom">
                    <h6 class="m-0">Update Shop</h6>
                </div>
                <div class="col-md-12 p-3">
            <form class="validateForm" files="true">
                    @if(!empty($id))
                    <input type="hidden" name="_method" value="PATCH">
                    <input type="hidden" name="id" value="{{$id}}">
                    @endif
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="name">{{ __('store.admin.shops.name') }}</label>
                            <input type="text" class="form-control" id="store_name" name="store_name" placeholder="{{ __('store.admin.shops.name') }}" value="">
                        </div>

                        <div class="form-group col-md-6" id="isVeg">
                    
                        <label><input type="radio"  class="is_veg" value = "Pure Veg" name="is_veg"> {{ __('store.admin.shops.veg') }}</label>
                        <label><input type="radio" class="is_veg" value = "Non Veg" name="is_veg"> {{ __('store.admin.shops.nonveg') }}</label>
                        </div>

                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="name">{{ __('store.admin.shops.email') }}</label>
                            <input type="text" class="form-control" id="email" name="email" placeholder="{{ __('store.admin.shops.email') }}" value="">
                        </div>
                        <div class="form-group col-md-6">
                            <label for="offer_min_amount">{{ __('store.admin.shops.minamount') }}</label>
                            <input type="text" class="form-control decimal" id="offer_min_amount" name="offer_min_amount" placeholder="{{ __('store.admin.shops.minamount') }}" >
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="store_type_id">@lang('store.admin.shops.type')</label>
                            <select name="store_type_id" id="store_type_id" class="form-control">
                                <option value="">Select</option>
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label for="offer_percent">{{ __('store.admin.shops.offper') }}</label>
                            <input type="number" class="form-control decimal" id="offer_percent" name="offer_percent" placeholder="{{ __('store.admin.shops.offper') }}" >
                        </div>
                    </div> 
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="cuisine_id">@lang('store.admin.shops.cuisname')</label>
                            <select name="cuisine_id[]" id="cuisine_id" class="form-control" multiple="multiple">
                                
                            </select>
                        </div>
                        <div class="form-group col-md-6" id="estdeltime">
                            <label for="estimated_delivery_time">{{ __('store.admin.shops.estdeltime') }}</label>
                            <input type="number" class="form-control" id="estimated_delivery_time" name="estimated_delivery_time" placeholder="{{ __('store.admin.shops.estdeltime') }}" >
                        </div>
                    </div> 
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="store_gst">{{ __('store.admin.shops.gst') }}</label>
                            <input type="number" class="form-control" id="store_gst" name="store_gst" placeholder="{{ __('store.admin.shops.gst') }}" value="0" >
        
                        </div>
                        <div class="form-group col-md-6">
                            <label for="commission">{{ __('store.admin.shops.commission') }}</label>
                            <input type="number" class="form-control decimal" id="commission" name="commission" placeholder="{{ __('store.admin.shops.commission') }}" value="0" >
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="country_id">{{ __('admin.country.country_name') }}</label>
                            <select name="country_id" id="country_id" class="form-control">
                            <option value="">Select</option>

                            
                        
                            @foreach(Helper::getCountryList() as $key => $country)
                                <option value={{$key}}>{{$country}}</option>
                            @endforeach
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label for="city_id">{{ __('admin.country.city_name') }}</label>
                            <select name="city_id" id="city_id" class="form-control">
                            </select>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="contact_person">@lang('store.admin.shops.contactper')</label>
                            <input type="text" class="form-control" id="contact_person" name="contact_person" placeholder="{{ __('store.admin.shops.contactper') }}" >
                        </div>
                        <div class="form-group col-md-6">
                            <label for="description">{{ __('store.admin.shops.description') }}</label>
                            <textarea class="form-control" placeholder="Enter Description"  maxlength="255"  id="description" name="description"></textarea>
                            <small>(Maximum characters: 255)</small>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="contact_number">@lang('store.admin.shops.contactno')</label>
                            <input type="number" class="form-control phone" id="contact_number" name="contact_number" placeholder="{{ __('store.admin.shops.contactno') }}" >
                        </div>
                        <div class="form-group col-md-6">
                            <label for="store_location">{{ __('store.admin.shops.location') }}</label>
                            <input type="text" class="form-control" id="store_location" name="store_location" placeholder="{{ __('store.admin.shops.location') }}" >
                            <input type="hidden" name="latitude" id="latitude" />
                            <input type="hidden" name="longitude" id="longitude" />
                            <span id="map" style="display:none"></span>
                        </div>
                    </div> 
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <label for="store_packing_charges" id="packing_charges" >{{ __('store.admin.shops.packing_charges') }}</label>
                            <input type="text" class="form-control decimal" id="store_packing_charges" name="store_packing_charges" placeholder="{{ __('store.admin.shops.packing_charges') }}" >
                        </div>
                        <div class="form-group col-md-6">
                            <label for="store_zipcode">{{ __('store.admin.shops.pincode') }}</label>
                            <input type="text" class="form-control" id="store_zipcode" name="store_zipcode" placeholder="{{ __('store.admin.shops.pincode') }}" >
                        </div>
                    </div>  
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <div class="form-group" id="mail_request">
                                <label for="customToggle2"> @lang('store.admin.shops.free_delivery')</label>
                                <br>
                                <div class="custom-control custom-toggle">
                                    <input type="checkbox" id="ffree_delivery" name="free_delivery" class="custom-control-input" value ='1'>
                                    <label class="custom-control-label" for="ffree_delivery"></label>
                                </div>
                            </div>
                        </div>
                        <div class="form-group col-md-6">
                        <label for="status" class="col-xs-2 col-form-label">@lang('store.admin.shops.zone')</label>
                        <select name="zone_id" id="zone_id" class="form-control">
                            </select>
                        </div>
                    </div>
                <div class="form-row">
                    <div class="form-group col-md-6">
                        <label for="status" class="col-xs-2 col-form-label">@lang('store.admin.shops.status')</label>
                            <select name="status" class="form-control">
                                <option value="1">Active</option>
                                <option value="0">Onboarding</option>
                                <option value="2">Banned</option>
                            
                            </select>
                        </div>
                        <div class="form-group col-md-6">
                            <label for="picture">{{ __('admin.picture') }}</label>
                            <div class="image-placeholder w-100">
                                <img width="100" height="100" />
                                <input type="file" name="picture" class="upload-btn picture_upload">
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                                <label for="password-confirm">@lang('store.admin.shops.shop_open_time')</label>

                                <input id="everyday" type="checkbox" checked class="form-control" name="everyday" value="1" >
                            </div>

                            @foreach($Days as $dky=>$day)
                            <div class="row m-0 @if($dky=='ALL') everyday "  @else  singleday " style="display:none" @endif " >
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="hours_opening">{{$day}}</label>
                                        <input type="checkbox" class="chk form-control {{$dky}}" @if($dky=='ALL') checked @endif  name="day[{{$dky}}]"  data-placement="top" data-autoclose="true" value="{{$dky}}" >
                                    </div>
                                </div>
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="hours_opening" class="required">@lang('store.admin.shops.open_time')</label>

                                        <div class="input-group">
                                            <input type="text" class="form-control time-picker open_{{$dky}}" name="hours_opening[{{$dky}}]" value="00:00" data-placement="top" data-autoclose="true" required>
                                            <span class="input-group-addon">
                                                <i class="fa fa-clock-o"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-4">
                                    <div class="form-group">
                                        <label for="hours_closing" class="required">@lang('store.admin.shops.close_time')</label>

                                        <div class="input-group ">
                                            <input type="text" class="form-control time-picker close_{{$dky}}" name="hours_closing[{{$dky}}]" value="00:00" data-placement="top" data-autoclose="true" required>
                                            <span class="input-group-addon">
                                                <i class="fa fa-clock-o"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach


                    <br>
                   <button type="submit" class="btn btn-accent">Update Shops</button>

                </form>
        </div>     
            </div>
            
     
   
</div>
@stop

@section('scripts')
@parent
<script type="text/javascript" src="{{ asset('assets/plugins/clockpicker/dist/bootstrap-clockpicker.min.js') }}"></script>
<script src = "{{ asset('assets/plugins/cropper/js/cropper.js')}}" > </script> 
<script src = "{{ asset('assets/layout/js/crop.js')}}" > </script>
<script>
var blobImage = '';
var blobName = '';
$(document).ready(function()
{
    $(".phone").intlTelInput({
      initialCountry: "