@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">Nueva sucursal</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
<div class="alert alert-warning alert-dismissable col-10" style="text-align: center;margin: auto;margin-bottom: 1rem;">
    <button type="button" class="close" data-dismiss="alert">&times;</button>
    <strong>Después de registrar una sucursal debe asociarle  CSD (sello digital) desde el modulo de sellos digitales, para poder empezar a emitir con la misma.</strong>
</div>
<!-- 
    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>2 { 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') }}" method="POST" enctype="multipart/form-data" autocomplete="off">
    @csrf
    <!-- 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">
        <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">
                            </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">
                            </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}">

                                <small class="form-text text-muted"></small>
                            </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"><small class="form-text text-muted"></small>
                            </div>
                        </div>

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

            {{-- <div class="card col-lg-7 col-md-12" id="card-domicilioFiscal" style="display: none">
                <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="txt_searchCP(this)" required>
                                </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" class="form-control" required>
                                        <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">
                                    <small class="form-text text-muted"></small>
                                </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">
                                    <small class="form-text text-muted"></small>
                                </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">
                                    <small class="form-text text-muted"></small>
                                </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-md-10">
                <div class="card-header justify-content-between">Domicilio de la 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">Codigo postal CIF</label>
                    </div>
                    <div class="col-12 col-md-12">
			<input class="form-control" type="text" name="cp_cif" placeholder="68000" 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="30" rows="5"
                            placeholder="p. ej.: Port  n negro, frente a Bodega Aurrera"></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>Registrar</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;
}
//document.getElementsByName('slc_pais').value = 'MEX';
</script>

@endsection