@extends('store.layouts.container')

@section('content')
    <div class="side-title">
        <h3>{{ $head ?? ''}}</h3>
    </div>

    <div class="border-item">
        <ul class="nav nav-pills nav-pills-st2 w-100" id="pills-tab" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="pills-profile1-tab" data-toggle="pill" data-target="#pills-profile1" aria-selected="true" role="tab"> {{__('web.personal_info')}} </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="pills-profile2-tab" data-toggle="pill" data-target="#pills-profile2" aria-selected="false" role="tab" tabindex="-1">  {{__('web.address_info')}} </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="pills-profile3-tab" data-toggle="pill" data-target="#pills-profile3" aria-selected="false" role="tab" tabindex="-1">  {{__('web.store_info')}} </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="pills-profile4-tab" data-toggle="pill" data-target="#pills-profile4" aria-selected="false" tabindex="-1" role="tab">  {{__('stores.brands')}} </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="pills-profile4-tab" data-toggle="pill" data-target="#pills-profile5" aria-selected="false" tabindex="-1" role="tab">  {{__('stores.shipping_ways')}} </button>
            </li>
        </ul>
        <div class="tab-content" id="pills-tabContent">
            <div class="tab-pane fade active show" id="pills-profile1" role="tabpanel" aria-labelledby="pills-book1-tab">
                <form class="merchant-form">
                    <div class="row">
                        <div class="col-lg-12 mb-3">
                            <div class="form-group mb-4">
                                <label class="form-label">{{ __('stores.name') }}</label>
                                <p class="form-control" style="height: auto">{{$store->name}}</p>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-4">
                            <div class="form-group mb-4">
                                <label class="form-label">{{ __('stores.email') }}</label>
                                <p class="form-control" style="height: auto">{{$store->email}}</p>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group mb-4">
                                <label class="form-label">{{ __('stores.phone') }}</label>
                                <p class="form-control" style="height: auto">{{$store->phone}}</p>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="tab-pane fade" id="pills-profile2" role="tabpanel" aria-labelledby="pills-book2-tab">
                <form class="merchant-form">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group mb-4">
                                <label class="form-label">{{ __('stores.country_id') }}</label>
                                <p class="form-control" style="height: auto">{{$store->country->currentDescription->title ?? ''}}</p>
                            </div>
                            <div class="form-group mb-4">
                                <label class="form-label">{{ __('stores.region_id') }}</label>
                                <p class="form-control" style="height: auto">{{$store->region->currentDescription->title ?? ''}}</p>
                            </div>
                            <div class="form-group mb-4">
                                <label class="form-label">{{ __('stores.city_id') }}</label>
                                <p class="form-control" style="height: auto">{{$store->city->currentDescription->title ?? ''}}</p>
                            </div>
                            <div class="form-group mb-4">
                                <label class="form-label"> {{__('stores.address')}}</label>
                                <p class="form-control" style="height: auto">{{$store->address}}</p>
                            </div>
                        </div>
                        <div class="col-lg-6" >
                            <div class="form-group mb-4 ms-lg-5"style="height: 100%">
                                <div class="map"style="height: 100%">
                                    <iframe
                                        src="https://maps.google.com/maps?q={{$store->latitude.', '.$store->longitude}}&z=15&output=embed"
                                        width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="tab-pane fade" id="pills-profile3" role="tabpanel" aria-labelledby="pills-book3-tab">

                <form class="merchant-form">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group mb-4">
                                <label class="form-label">{{ __('stores.responsible_name') }}</label>
                                <p class="form-control" style="height: auto">{{$store->responsible_name}}</p>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group mb-4">
                                <label class="form-label">{{ __('stores.commercial_number') }}</label>
                                <p class="form-control" style="height: auto">{{$store->commercial_number}}</p>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group mb-4">
                                <label class="form-label">{{ __('stores.cr_start_date') }}</label>
                                <p class="form-control" style="height: auto">{{$store->cr_start_date}}</p>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group mb-4">
                                <label class="form-label">{{ __('stores.cr_expire_date') }}</label>
                                <p class="form-control" style="height: auto">{{$store->cr_expire_date}}</p>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group mb-4">
                                <label class="form-label">{{ __('stores.vat_number') }}</label>
                                <p class="form-control" style="height: auto">{{$store->vat_number}}</p>
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group mb-4">
                                <label class="form-label">{{ __('stores.vat_verification') }}</label>
                                <div class="upload-img">
                                    <h6><a class="butn" href="{{asset($store->vat_verification)}}" target="_blank">{{ __('stores.show_file') }}</a></h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="tab-pane fade" id="pills-profile4" role="tabpanel" aria-labelledby="pills-book4-tab">
                <form class="form-row" method="post" onsubmit="saveForm(this)" action="{{ $action }}" enctype="multipart/form-data">
                @csrf


                <!--<div class="form-group col-lg-6">-->
                <!--    <label>{{ meta('email', getCurrentLocale()) ?? __('stores.email') }} </label>-->
                <!--    <input type="email" class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" name="email" placeholder="{{ meta('email', getCurrentLocale()) ?? __('stores.email') }}" value='{{ old("email", $store->email ?? "") }}'/>-->
                    <!--</div>-->

                    <!--<div class="form-group col-lg-6">-->
                <!--    <label>{{ meta('phone', getCurrentLocale()) ?? __('stores.phone') }} </label>-->
                <!--    <input type="number" class="form-control {{ $errors->has('phone') ? 'is-invalid' : '' }}" name="phone" placeholder="{{ meta('phone', getCurrentLocale()) ?? __('stores.phone') }}" value='{{ old("phone", $store->phone ?? "") }}'/>-->
                    <!--</div>-->

                    <!--<div class="form-group col-lg-6">-->
                <!--    <label>{{ meta('password', getCurrentLocale()) ?? __('users.password') }} </label>-->
                <!--    <input type="password" class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }}" name="password" placeholder="{{ meta('password', getCurrentLocale()) ?? __('users.password') }}" value='{{ old("password", "") }}'/>-->
                    <!--</div>-->

                    <!--<div class="form-group col-lg-6">-->
                <!--    <label>{{ meta('password_confirmation', getCurrentLocale()) ?? __('users.password_confirmation') }} </label>-->
                <!--    <input type="password" class="form-control {{ $errors->has('password_confirmation') ? 'is-invalid' : '' }}" name="password_confirmation" placeholder="{{ meta('password_confirmation', getCurrentLocale()) ?? __('users.password_confirmation') }}" value='{{ old("password_confirmation", "") }}'/>-->
                    <!--</div>-->

                @foreach($languages as $language)

                    <!--<div class="form-group col-lg-6">-->
                    <!--    <label>{{ meta('title', $language->local) ?? __('stores.title') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>-->
                    <!--    <input type="text" class="form-control {{ $errors->has('title_'.$language->local) ? 'is-invalid' : '' }}" name="title_{{ $language->local }}" placeholder="{{ meta('title', $language->local) ?? __('stores.title') }}" value='{{ old("title_{$language->local}", $store[$language->local]->title ?? "") }}'/>-->
                        <!--</div>-->

                    @endforeach

                    <div class="form-group col-lg-12">
                        <label>{{   __('stores.brand_id') }} </label>
                        <div class="clearfix"></div>
                        <div class="row">
                            @foreach($brands as $key=> $row)
                                <div class="col-sm-4">
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" disabled {{ in_array($row->id, $brand_ids) ? 'checked' : '' }} value="{{ $row->id }}" class="custom-control-input" id="brand_{{ $key }}" name="brand_ids[]">
                                        <label class="custom-control-label" for="brand_{{ $key }}"> {{ $row->title }} </label>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>

                    <!--<div class="text-center mt-5 col-12">-->
                <!--    <button class="butn"><span>{{ __('dashboard.save') }}</span></button>-->
                    <!--</div>-->
                </form>
            </div>
            <div class="tab-pane fade" id="pills-profile5" role="tabpanel" aria-labelledby="pills-book4-tab">
                <div class="row">
                    <div class="col-lg-12">
                        <h3> {{__('stores.shipping_ways')}} </h3>
                    </div>

                    <div class="form-group col-lg-12">
                        <label>{{   __('stores.shipping_ways') }} </label>
                        <div class="clearfix"></div>
                        <div class="col-12">
                            @foreach($shipping_ways as $key=> $row)
                                <div class="row pricing-list-item  mb-4 "  style="background-color: rgba(21,97,203,0.1);height:auto;padding: 20px">
                                    <div class="col-lg-12">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" value="{{ $row->id }}" onclick="ShowKeys(this)" class="custom-control-input" id="shipping_way_{{ $key }}" name="shipping_ways[{{$key}}][id]">
                                            <label class="custom-control-label" for="shipping_way_{{ $key }}"> {{ $row->title }} </label>
                                        </div>
                                    </div>
                                </div>
                                @foreach($row->keys as $keyIndex=>$rowKey)
                                    <div class="form-group col-lg-6 shippingWayKeys{{$row->id}}" @if($store ?? ''  && $store->id) style="display:none;" @else style="display: none" @endif>
                                        <label>{{ $rowKey->input_key }} </label>
                                        <input type="text" class="form-control" name="shipping_ways[{{$key}}][keys][{{$keyIndex}}][key]" placeholder="{{ $rowKey->input_key }}" />
                                    </div>
                                @endforeach
                            @endforeach
                        </div>
                    </div>

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

@endsection

@section('inner_js')
    <!-- Editor JS orders -->
    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
    <script>

        function ShowKeys(elem)
        {
            let id = $(elem).val()
            if($(elem).is(":checked"))
            {
                $('.shippingWayKeys'+id).css('display','block')
            }
            else
            {
                $('.shippingWayKeys'+id).css('display','none')
            }
        }
        
    </script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            currentLanguage = "{{getCurrentLocale()}}",
            imagePath = "{{asset('')}}";
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
    <script src="{{ asset('assets/admin/js/lfm.js') }}"></script>
    <script src="{{ asset('assets/admin/js/articles.js') }}"></script>
@endsection