@extends('modules.head') @section('contenido')
<h3 ><a class="ruta" class="" href="{{url('/sucursals')}}">{{ Lang::get('messages.screen_edit_sucursal_tag1')}}  </a> <span class="separador-ruta">|</span><a class="ruta" class="" href="{{url('/sucursals/edit/'.$sucursal->id)}}">{{ Lang::get('messages.screen_edit_sucursal_tag2')}} </a> </h3>

<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">{{ Lang::get('messages.screen_edit_sucursal_tag3')}}</h3>


        <!-- /.box-tools -->
    </div>
    <!-- /.box-header -->
    <div class="box-body" >
        <form role="form" id="editSucursal" data-toggle="validator">
            <div class="row">
                    <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="mail">{{ Lang::get('messages.screen_edit_sucursal_tag4')}} </label>
                            <input type="email" class="form-control" id="mail" name="mail" value="{{$sucursal->mail}}" required>
                            </div>
                        </div>
                <div class="col-3 col-md-3">
                        <div class="form-group">
                                <label for="name">{{ Lang::get('messages.screen_edit_sucursal_tag5')}}</label>
                                <input type="text" class="form-control" name="name" value="{{$sucursal->name}}" required>
                            </div>
                 </div>
                 <div class="col-3 col-md-3">
                        <div class="form-group">
                                <label for="code">{{ Lang::get('messages.screen_edit_sucursal_tag6')}} </label>
                                <input type="text" class="form-control" name="code" value="{{$sucursal->code}}" required>
                            </div>
                 </div>

            </div>
            <div class="row">

                    <div class="col-3 col-md-3">
                        <div class="form-group">
                            <label for="phone">{{ Lang::get('messages.screen_edit_sucursal_tag7')}} </label>
                            <input type="text" class="form-control" name="phone" value="{{$sucursal->phone}}" required>
                        </div>
                    </div>

                <div class="col-3 col-md-3">
                        <div class="form-group">
                            <label for="coverage_id">{{ Lang::get('messages.screen_edit_sucursal_tag8')}} </label>
                            <select class="form-control" name="coverage_id" id="select-cobertura">
                                <option value=""> Seleccionar </option>
                                @foreach($coverages as $coverage)
                                @if($coverage->id == $sucursal->coverage_id)
                            <option value="{{$coverage->id}}" selected="selected">{{$coverage->name}}</option>
                                @else
                                <option value="{{$coverage->id}}">{{$coverage->name}}</option>
                                @endif
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-3 col-md-3">
                            <div class="form-group">
                                <label for="state_id">{{ Lang::get('messages.screen_edit_sucursal_tag9')}} </label>
                                <select class="form-control" name="state_id" id="selectStateId">
                                    <option value="">Seleccionar </option>
                                    @foreach($states as $state)
                                    @if($state->id == $sucursal->city->state->id)
                                    <option value="{{$state->id}}" selected="selected">{{$state->name}} </option>
                                    @else
                                    <option value="{{$state->id}}">{{$state->name}} </option>
                                    @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    <div class="col-3 col-md-3">
                        <div class="form-group">
                            <label for="city_id">{{ Lang::get('messages.screen_edit_sucursal_tag10')}} </label>
                            <select class="form-control" name="city_id" id="selectCityId">
                                <option value="">Seleccionar </option>
                                @foreach($cities as $city)
                                @if($city->id == $sucursal->city->id)
                                <option value="{{$city->id}}" selected="selected">{{$city->name}} </option>
                                @else
                                <option value="{{$city->id}}">{{$city->name}} </option>
                                @endif
                                @endforeach
                            </select>
                        </div>
                    </div>
            </div>
            <div class="row">
                    <div class="col-xs-3">
                        <div class="form-group">
                            <label for="direction">{{ Lang::get('messages.screen_edit_sucursal_tag11')}} </label>
                            <input type="text" data-id="{{$sucursal->address->id}}" data-lat="" data-long="" id="direction" class="form-control"
                                name="direction" value="{{$sucursal->address->direction}}" required disabled>
                        </div>
                    </div>
                    <div class="col-xs-1">
                        <button type="button" class="btn btnBox pull-left" id="btn-open-modal-direction" style="margin-top:23px;" data-toggle="modal"
                            data-target="#modal_register_direction">
                            <i class="fa fa-plus"></i>
                        </button>
                    </div>
                    <div class="col-2 col-md-2">
                        <label for="district">{{ Lang::get('messages.screen_edit_sucursal_tag12')}} </label>
                        <div class="form-group" >
                            <input type="text" class="form-control"  id="district" name="district" value="{{$sucursal->address->district}}" placeholder="">
                        </div>
                    </div>
                    <div class="col-6 col-md-6">
                        <div class="form-group">
                            <label for="indications">{{ Lang::get('messages.screen_edit_sucursal_tag13')}} </label>
                            <textarea class="form-control" id="indications"  rows="2" name="indications"
                            placeholder="Enter ..." maxlength="250">{{$sucursal->address->indications}}</textarea>
                        </div>
                    </div>
                </div>

                <div class="row">
                  <div class="col-3 col-md-3">
                       <div class="form-group">
                           <label for="image">{{ Lang::get('messages.screen_products_tag24')}} </label>
                           <input type="file" name="image" id="image">
                       </div>
                  </div>
                </div>




            <button  onClick="editSucursal()" data-id="{{$sucursal->id}}" id="btn-edit-sucursal" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_edit_sucursal_tag14')}}</button>
            <button type="button" class="btn btn-default pull-right btnCancel" onclick="setPageTable()" >{{ Lang::get('messages.screen_edit_sucursal_tag15')}}

            </button>
            {{ csrf_field() }}
        </form>
    </div>
    <!-- /.box-body -->
</div>

<div class="modal fade in modalDirection" id="modal_register_direction" >
        <div class="modal-dialog modal-dialog-direction" >
            <div class="modal-content modal-content-direction" >
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>

                    <h4 class="modal-title">{{ Lang::get('messages.screen_edit_Sucursal_modal_tag1')}}
                        <i class="fa fa-map-marker modal-color-icon" ></i>
                    </h4>

                </div>
                <div class="modal-body modal-body-direction">
                    <div class="row">
                        <input type="text" class="controls" name="direccion_auto" id="pac-input" placeholder="Buscar dirección" data-lat="" data-long="">
                    </div>

                    <div id="map"></div>
                    <div class="row modal-row-direction" >
                        <div class="col-xs-6">
                            <label for="district">{{ Lang::get('messages.screen_edit_Sucursal_modal_tag2')}}</label>
                            <div class="form-group" >
                                <input type="text" class="form-control"  id="district-modal" name="district-modal"
                                   >
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="form-group">
                                <label for="indications">{{ Lang::get('messages.screen_edit_Sucursal_modal_tag3')}}</label>
                                <textarea class="form-control" id="indications-modal"  rows="2" name="indications-modal"
                                    placeholder="Enter ..." maxlength="250"></textarea>
                            </div>
                        </div>
                    </div>


                    <div class="row modal-row-btn-direction" >
                        <button type="button" onClick="helpDirection()" id="btnAyuda" data-dismiss="" class="btn btn-warning pull-left">{{ Lang::get('messages.screen_edit_Sucursal_modal_tag4')}}
                            <i class="fa fa-question-circle"></i>
                        </button>
                        <button onClick="createDirectionSucursal()" id="btnDirection" data-dismiss="" class="btn btnBox pull-right" disabled>{{ Lang::get('messages.screen_edit_Sucursal_modal_tag5')}}</button>

                    </div>
                    <div class="content-target-aviso" data-id="0">
                        <div class="target-aviso">
                            <h4 class="modal-title">{{ Lang::get('messages.screen_edit_Sucursal_modal_tag6')}}
                                <i class="fa fa-warning " ></i>
                            </h4>
                            <label>- {{ Lang::get('messages.screen_edit_Sucursal_modal_tag7')}}</label>

                            <label>- {{ Lang::get('messages.screen_edit_Sucursal_modal_tag8')}}</label>

                            <label>- {{ Lang::get('messages.screen_edit_Sucursal_modal_tag9')}}</label>

                        </div>
                    </div>

                </div>

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

<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/direction.js') . '?v=' . time() }}"></script>
<script src="https://maps.googleapis.com/maps/api/js?key={{ config('googlmapper.key') }}&libraries=places,geometry&loading=async" async defer></script>
<script src="{{ asset('js/sucursales.js') . '?v=' . time() }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>

@endsection