@extends('header.header')

@php
    $name = \Illuminate\Support\Facades\App::getLocale() == 'en' ? 'name_en' : 'name_ar';
@endphp

@section('content')
    <div class="header pb-6 d-flex align-items-center" style="min-height: 200px; background-image: url(../assets/img/theme/profile-cover.jpg); background-size: cover; background-position: center top;">
        <span class="mask bg-gradient-default opacity-8"></span>
    </div>

    <div class="container-fluid mt--6  ">
        <div class="row">
            <div class="offset-xl-2 col-xl-8 order-xl-1 ">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">{{ __('vendor-details') }} </h3>
                            </div>
                        </div>
                    </div>

                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-Classifications">{{ __('Classifications') }}</label>
                                    <input type="text" id="input-Classifications" class="form-control" value="{{ $store->CLASSIfication->$name }}" readonly>
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-Categories">{{ __('Categories') }}</label>
                                    <input type="text" id="input-Categories" class="form-control" value="{{ $store->categoryStore[0]->$name }}" readonly>
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-phone-number">{{ __('phone Number') }}</label>
                                    <input type="text" id="input-phone-number" class="form-control" value="{{ $store->phone_number }}" readonly>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-Email">{{ __('Email') }}</label>
                                    <input type="text" id="input-Email" class="form-control" value="{{ $store->email }}" readonly>
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-en-store-name">{{ __('EN Store  Name') }}</label>
                                    <input type="text" id="input-en-store-name" class="form-control" value="{{ $store->lang->translate_title }}" readonly>
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-ar-store-name">{{ __('AR Store Name') }}</label>
                                    <input type="text" id="input-ar-store-name" class="form-control" value="{{ $store->lang->translate_title_ar }}" readonly>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-Tax">{{ __('Tax') }}</label>
                                    <input type="text" id="input-Tax" class="form-control" value="{{ $store->tax }}" readonly>
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-id-number">{{ __('id-number') }}</label>
                                    <input type="text" id="input-id-number" class="form-control" value="{{ $store->id_number }}" readonly>
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-sock-number">{{ __('sock_number') }}</label>
                                    <input type="text" id="input-sock-number" class="form-control" value="{{ $store->sock_number }}" readonly>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-gate-number">{{ __('gate-number') }}</label>
                                    <input type="text" id="input-gate-number" class="form-control" value="{{ $store->gate_number }}" readonly>
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-address">{{ __('Address') }}</label>
                                    <input type="text" id="input-address" class="form-control" value="{{ $store->city }}" readonly>
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-street-number">{{ __('street-number') }}</label>
                                    <input type="text" id="input-street-number" class="form-control" value="{{ $store->street_number }}" readonly>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-store-number">{{ __('store-number') }}</label>
                                    <input type="text" id="input-store-number" class="form-control" value="{{ $store->store_number }}" readonly>
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-bank-account-number">{{ __('bank-account-number') }}</label>
                                    <input type="text" id="input-bank-account-number" class="form-control" value="{{ $store->bank_account }}" readonly>
                                </div>
                            </div>

                        </div>

                        <div class="row">
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-store-image">{{ __('Store Image') }}</label><br>
                                    <img src="{{ $store->Restaurant_Image }}" alt="{{ $store->Restaurant_Image }}" width="100px" height="100px">
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label class="form-control-label" for="input-shop-certificate">{{ __('shop-certificate') }}</label><br>
                                    <a href="{{ $store->shop_certificate }}" target="_blank"><i class="fa fa-file" style="font-size: 30px; color: red;" aria-hidden="true"></i></a>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-lg-12 mb-3">
                                <div class="form-group">
                                    <label class="control-label">{{ __('Location') }}</label>
                                    <div id="map" class="col-lg-12" style="width:100%; height:226px; border: 2px solid #ccc;"></div>
                                </div>
                            </div>
                        </div>

                        <div class="row" style="display: none" id="latLng">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input class="form-control" type="text" id="lat" value="{{ $store->lat }}">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <input class="form-control" type="text" id="lng" value="{{ $store->long }}">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection
    @section('js-scripts')
        <script src="{{ asset('assets/js/maps.js') }}"></script>
        <script src="https://maps.googleapis.com/maps/api/js?key={{ env('GOOGLE_API_KEY') }}&callback=initMap&libraries=&v=weekly" async></script>
    @endsection