@extends('admin.layouts.container')

@section('content')
<div class="side-title">
    <h3>{{ meta('new', $lang) ?? $head ?? '' }}</h3>
</div>
<div class="border-item">
    <form class="form-row" method="post" action="{{ $action }}">
        @if($branch ?? ''  && $branch->id)
            @method('PUT')
        @endif
        @csrf
        @foreach($languages as $language)
        <div class="form-group col-lg-6">
            <label>{{ meta('title', $language->local) ?? __('branches.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) ?? __('branches.title') }}" value='{{ old("title_{$language->local}", $branch[$language->local]->title ?? "") }}'/>
        </div>
        @endforeach
        @foreach($languages as $language)
        <div class="form-group col-lg-6">
            <label>{{ __('branches.address') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
            <input type="text" class="form-control {{ $errors->has('address_'.$language->local) ? 'is-invalid' : '' }}" name="address_{{ $language->local }}" placeholder="{{ meta('address', $language->local) ?? __('branches.address') }}" value='{{ old("address_{$language->local}", $branch[$language->local]->address ?? "") }}'/>
        </div>
        @endforeach

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

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

        <div class="form-group col-lg-6">
            <label>{{__('branches.latitude') }} </label>
            <input type="text" id="lat" class="form-control {{ $errors->has('latitude') ? 'is-invalid' : '' }}" name="latitude" placeholder="{{ __('branches.latitude') }}" value='{{ old("latitude", $branch->latitude ?? "") }}'/>
        </div>

        <div class="form-group col-lg-6">
            <label>{{__('branches.longitude') }} </label>
            <input type="text" id="lng" class="form-control {{ $errors->has('longitude') ? 'is-invalid' : '' }}" name="longitude" placeholder="{{ __('branches.longitude') }}" value='{{ old("longitude", $branch->longitude ?? "") }}'/>
        </div>
        
        <div class="form-group col-lg-12">
            <input type="text" class="form-control addresspicker_map" id="addresspicker_map" />
            <div id="map" style="width:100%;margin:auto; height:300px;"></div>
        </div>

        {{--Start Info--}}
        <div class="location_info col-12 row">
            <div class="card mb-5 col-md-12">
                <div class="card-header mb-5"><h4>{{ __('branches.persons') }}</h4></div>
                @for($i = 0; $i< count($personsNames['en'] ?? []); $i++)
                <hr/>
                <div class=" row">
                    <div class="col-4">
                        @foreach($languages as $language)
                        <div class="form-group">
                            <label>{{ __('branches.name') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                            <input type="text" class="form-control" name="persons_names_{{ $language->local }}[]" placeholder="{{ __('branches.name') }}" value='{{ $personsNames[$language->local][$i] ?? "" }}'/>
                        </div>
                        @endforeach
                    </div>
                    <div class="col-4">
                        @foreach($languages as $language)
                        <div class="form-group">
                            <label>{{ __('branches.designation') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                            <input type="text" class="form-control" name="persons_designations_{{ $language->local }}[]" placeholder="{{ __('branches.designation') }}" value='{{ $personsDesignations[$language->local][$i] ?? "" }}'/>
                        </div>
                        @endforeach
                    </div>

                    <div class="col-3">
                        <div class="form-group">
                            <label>{{__('branches.email') }} </label>
                            <input type="text" class="form-control" name="persons_emails[]" placeholder="{{ __('branches.email') }}" value='{{ $personsEmails[$i] ?? "" }}'/>
                        </div>

                        <div class="form-group">
                            <label>{{__('branches.phone') }} </label>
                            <input type="text" class="form-control" name="persons_phones[]" placeholder="{{ __('branches.phone') }}" value='{{ $personsPhones[$i] ?? "" }}'/>
                        </div>
                    </div>
                    
                    <div class="text-left mt-4 col-1">
                        <button class="btn btn-danger delete_row" data-node= ".persons" type="button"><span class="fa fa-times"></span></button>
                    </div>
                </div>
                @endfor
                <div class="persons row d-none">
                    
                    <div class="col-12"><hr /></div>
                    <div class="col-4">
                        @foreach($languages as $language)
                        <div class="form-group">
                            <label>{{ __('branches.name') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                            <input type="text" class="form-control" name="persons_names_{{ $language->local }}[]" placeholder="{{ __('branches.name') }}"/>
                        </div>
                        @endforeach
                    </div>

                    <div class="col-4">
                        @foreach($languages as $language)
                        <div class="form-group">
                            <label>{{ __('branches.designation') }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                            <input type="text" class="form-control" name="persons_designations_{{ $language->local }}[]" placeholder="{{ __('branches.designation') }}"/>
                        </div>
                        @endforeach
                    </div>

                    <div class="col-3">
                        <div class="form-group">
                            <label>{{__('branches.email') }} </label>
                            <input type="text" class="form-control" name="persons_emails[]" placeholder="{{ __('branches.email') }}"/>
                        </div>

                        <div class="form-group">
                            <label>{{__('branches.phone') }} </label>
                            <input type="text" class="form-control" name="persons_phones[]" placeholder="{{ __('branches.phone') }}" />
                        </div>
                    </div>

                    <div class="text-left mt-4 col-1">
                        <button class="btn btn-danger delete_row" type="button"><span class="fa fa-times"></span></button>
                    </div>
                </div>
                <div class="text-left mb-4 col-12">
                    <button class="butn add_row" data-node= ".persons" type="button"><span class="fa fa-plus"></span></button>
                </div>
            </div>
        </div>
        {{--End Info--}}

        <div class="text-center mt-5 col-12">
            <button class="butn"><span>{{ __('dashboard.save') }}</span></button>
        </div>
    </form>
</div>

@endsection

@section('inner_js')
  
    <script src="{{ asset('assets/admin/js/branches.js') }}"></script>

    <!-- STOP TILL BUY becaue of ADV -->

    <script type="text/javascript">
        var google_api_key = "AIzaSyB9cRhktIiFviUN5DxYhFHIfrHp7WKfBD0"
        var lang_abbr = "ar"
    </script>
            
    {{-- <script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places&key=AIzaSyAS9In9XURFQ5yuR8iJMpv-D6scoKtH_bE"></script> --}}
    <script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places&key=AIzaSyB9cRhktIiFviUN5DxYhFHIfrHp7WKfBD0"></script>

    <script src="{{ asset('assets/admin/js/lib/jquery.ui.addresspicker.js') }}"></script>
    <script src="{{ asset('assets/admin/js/map.js') }}"></script>
    <script type="text/javascript">

    </script>

@endsection