@extends('layouts.dashboard')
@section('css')
    <link href="{{ asset('css/receptores/create.css') }}" rel="stylesheet">
    <link href="{{ asset('css/cargando.css') }}" rel="stylesheet">
    <link href="{{ asset('css/dashboard/demo.css') }}" rel="stylesheet">
@endsection

@section('js')
    <script src="{{ asset('js/receptores/_setDomicilio.js?version='.version_js()) }}"></script>
    <script src="{{ asset('js/sucursales/main.js') }}"></script>
    <script src="{{ asset('js/dashboard/custom-file-input.js') }}" defer></script>
    <script src="{{ asset('js/dashboard/input_file.js') }}" defer></script>
@endsection

@section('content')

    <div class="app-page-title d-xs-none">
        <div class="page-title-wrapper">
            <div class="col-sm-4">
                <div class="page-title-heading">
                    <div>
                        <div class="page-title-subheading">

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

            <div class="col-sm-8">
                <div class="page-header float-right">
                    <nav class="" aria-label=" breadcrumb">
                        <ol class="breadcrumb text-right">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Inicio</a></li>
                            <li class="active breadcrumb-item" aria-current="page"><a
                                    href="{{ route('sucursales.index') }}">Sucursales</a></li>
                            <li class="active breadcrumb-item" aria-current="page">
                                {{ isset($mat_suc->codigo_int) ? $mat_suc->codigo_int : $mat_suc->id_mat_suc }}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    @if (session('message'))
        <div class="alert alert-success alert-dismissable col-4"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('message') }}</strong>
        </div>
    @endif

    @if (session('error'))
        <div class="alert alert-danger alert-dismissable col-4"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ session('error') }}</strong>
        </div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissable col-4"
            style="text-align: center;margin: auto;margin-bottom: 1rem;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <ul>
                @foreach ($errors->all() as $error)
                    <li>
                        <strong>{{ $error }}</strong>
                    </li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ url('/sucursales/' . $mat_suc->id_mat_suc) }}" method="POST" autocomplete="off">
        @csrf
        @method('PUT')
        <!-- No quitar este input ya que es parte de una validación-->
        <input type="hidden" id="text-rfc" value="1" disabled>
        <div class="row d-flex justify-content-center">
            <div class="col-lg-3 col-md-12">
                <div class="card">
                    <div class="card-tab">
                        <a style="cursor: pointer;">
                            <div class="stat-widget-five">
                                <div class="stat-icon dib flat-color-2">
                                    <i class="pe-7s-home"></i>
                                </div>
                                <div class="stat-content">
                                    <div class="text-left dib">
                                        <div class="stat-text" style="line-height: 50px;">
                                            <span>Sucursales</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </a>

                    </div>
                </div>
            </div>
        </div>
        <div class="d-flex justify-content-center col-md-12">
            <script>
                var _cp = "{{ $mat_suc->cp }}";
                var _localidad = "{{ isset($mat_suc->localidad) ? $mat_suc->localidad : '0' }}";
            </script>
            <div class="row d-flex justify-content-center col-md-12">
                <div class="card col-lg-10 col-md-12 mr-2">
                    <div class="card-header justify-content-between">Sucursal
                    </div>
                    <div class="row">
                        <div class="card-body card-block">
                            <div class="row form-group">
                                <div class="col col-md-3"><label for="txt_nombreComercial"
                                        class=" form-control-label">Nombre de la sucursal
                                        <span class="color-red ">*</span> </label></div>
                                <div class="col-12 col-md-9">
                                    <input type="text" class="mb-2 form-control-sm form-control" id="txt_nombreComercial"
                                        title="" required name="txt_nombreComercial"
                                        placeholder="p. ej.: Sucursal Reforma"
                                        value="{{ isset($mat_suc->nombre_comercial) ? $mat_suc->nombre_comercial : '' }}">
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-3"><label for="razon_emisor" class=" form-control-label">Código de la
                                        sucursal
                                    </label></div>
                                <div class="col-12 col-md-9">
                                    <input type="text" class="mb-2 form-control-sm form-control" id="txt_codigoSucursal"
                                        title="" name="txt_codigoSucursal" placeholder="p. ej.: SUCR-01"
                                        value="{{ isset($mat_suc->codigo_int) ? $mat_suc->codigo_int : '' }}">
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">E-mail
                                    </label></div>
                                <div class="col-12 col-md-9">
                                    <input id="txt_email" name="txt_email"
                                        placeholder="p. ej.: sucursal_reforma@minegocio.com"
                                        class="form-control input-mask-trigger" data-inputmask="'alias': 'email'"
                                        im-insert="true"
                                        pattern="[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*@[a-zA-Z0-9_]+([.][a-zA-Z0-9_]+)*[.][a-zA-Z]{1,5}"
                                        value="{{ isset($mat_suc->email1) ? $mat_suc->email1 : '' }}">
                                </div>
                            </div>

                            <div class="row form-group">
                                <div class="col col-md-3"><label for="text-input" class=" form-control-label">Teléfono de
                                        contacto</label></div>
                                <div class="col-12 col-md-9"><input type="text" id="txt_telefono" name="txt_telefono"
                                        placeholder="p. ej.: 9514714483" class="form-control" minlength="10"
                                        maxlength="10"
                                        value="{{ isset($mat_suc->telefono1) ? $mat_suc->telefono1 : '' }}">
                                </div>
                            </div>

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

                {{-- <div class="card col-lg-7 col-md-12" id="card-domicilioFiscal">
                    <div class='loader' id="loader-domicilioFiscal" style="opacity: 0;">
                        <div class="bg"></div>
                        <div class='circle'></div>
                        <div class='circle'></div>
                        <div class='circle'></div>
                        <div class='circle'></div>
                        <div class='circle'></div>
                    </div>

                    <div>
                        <div class="card-header justify-content-between">Domicilio
                        </div>
                        <div class="row">
                            <div class="card-body card-block col-lg-6">
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="text-input"
                                            class=" form-control-label">&nbsp;&nbsp;Código
                                            postal<span class="color-red ">*</span></label></div>
                                    <div class="col-12 col-md-9">
                                        <input type="text" name="txt_cp" id="txt_cp" placeholder="p. ej.: 68000"
                                            class="form-control" minlength="1" maxlength="5"
                                            onkeypress="txt_cp_valida(this)" onkeyup="txt_searchCP(this)"
                                            oninput="_localidad=0;txt_searchCP(this)">
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="select"
                                            class=" form-control-label">&nbsp;&nbsp;País</label></div>
                                    <div class="col-12 col-md-9">
                                        <select name="slc_pais" id="slc_pais" class="form-control">
                                            <option value="MEX">México</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="select"
                                            class=" form-control-label">&nbsp;&nbsp;Estado</label></div>
                                    <div class="col-12 col-md-9">
                                        <select name="slc_estado" class="form-control">
                                            <option value="0">Seleccione...</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="select"
                                            class=" form-control-label">&nbsp;&nbsp;Municipio</label></div>
                                    <div class="col-12 col-md-9">
                                        <select name="slc_municipio" class="form-control">
                                            <option value="0">Seleccione...</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <!-- Segunda columna de datos -->
                            <div class="card-body card-block col-lg-6">
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="select"
                                            class=" form-control-label">Colonia</label></div>
                                    <div class="col-12 col-md-9">
                                        <select name="slc_Colonia" id="slc_Colonia" class="form-control">
                                            <option value="0">Seleccione...</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="text-input"
                                            class=" form-control-label">Calle</label></div>
                                    <div class="col-12 col-md-9">
                                        <input type="text" name="txt_calle"
                                            placeholder="p. ej.: Av. Paseo de la Reforma" class="form-control"
                                            value="{{ isset($mat_suc->calle) ? $mat_suc->calle : '' }}">
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="text-input" class=" form-control-label">No.
                                            Exterior</label></div>
                                    <div class="col-12 col-md-9">
                                        <input type="text" name="txt_no_exterior" placeholder="p. ej.: 164"
                                            class="form-control"
                                            value="{{ isset($mat_suc->no_exterior) ? $mat_suc->no_exterior : '' }}">
                                    </div>
                                </div>
                                <div class="row form-group">
                                    <div class="col col-md-3"><label for="text-input" class=" form-control-label">No.
                                            Interior</label></div>
                                    <div class="col-12 col-md-9">
                                        <input type="text" name="txt_no_interior" placeholder="p. ej.: Depto. 5A"
                                            class="form-control"
                                            value="{{ isset($mat_suc->no_interior) ? $mat_suc->no_interior : '' }}">
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div> --}}
            </div>
        </div>


        <div class="d-flex justify-content-center col-md-12">
            <div class="col d-flex justify-content-center">
                <div class="card col-lg-10 col-md-12">
                    <div class="card-header justify-content-between">Domicilio sucursal
                    </div>
		    <div class="row">
		    <div class="card-body card-block col-lg-6">
			
                                        <div class="col col-md-3"><label for="text-input"
                                                class=" form-control-label">&nbsp;&nbsp;Codigo
                                                postal CIF<span class="color-red ">*</span></label></div>
                                        <div class="col-12 col-md-9">
                                            <input type="text" name="cp_cif" id="cp_cif"
                                                placeholder="p. ej.: 68050" class="form-control" minlength="1"
                                                maxlength="5"
                                                value="{{$mat_suc->cp }}">
                                        </div>
                       
		    </div>
                    <div class="card-body card-block col-lg-6">
                        <div class="col col-md-3"><label for="text-input" class=" form-control-label">Domicilio PDF</label>
                        </div>
                        <div class="col-12 col-md-12">
                            <textarea class="form-control" name="txt_referencias" id="" cols="1"
                                placeholder="p. ej.: Portón negro, frente a Bodega Aurrera" rows="4">{{ $domicilio_corto}}</textarea>
                        </div>
                    </div>
		   </div>
                </div>
            </div>
        </div>

        <div class="col-auto mx-auto d-flex justify-content-center mb-2 pb-3">
            <div class="col-lg-2 col-sm-4 d-flex justify-content-center">
                <button id="payment-button" type="submit" class="btn btn-lg buttom_agregar"
                    onclick="sucursales.isValidCp()">
                    <span>Actualizar</span>
                </button>
            </div>
            <div class="col-lg-2 col-sm-4 d-flex justify-content-center">
                <button id="cancel-button" type="button" class="btn btn-lg buttom_white"
                    onclick="window.location='{{ route('sucursales.index') }}'">
                    <span>Cancelar</span>
                </button>
            </div>
        </div>
    </form>

    <script>
        $("#txt_telefono").keypress(function(e) {
            if (!soloNumeros(e)) {
                e.preventDefault();
            }
        });

        function soloNumeros(e) {
            var key = e.charCode;
            return key >= 48 && key <= 57;
        }
    </script>

@endsection