@extends('layouts.master')
@section('title')
    @lang('translation.form-layouts')
@endsection
@section('content')
    @component('components.breadcrumb')
        @slot('li_1')
            Configuración
        @endslot
        @slot('title')
            Emisor
        @endslot
    @endcomponent

    <form action="javascript:void(0);">
    <div class="row">
        <div class="col-xxl-6">
            <div class="card">
                <div class="card-header align-items-center d-flex">
                    <h4 class="card-title mb-0 flex-grow-1">Información general del Emisor</h4>
                </div><!-- end card header -->
                <div class="card-body">
                    <div class="live-preview">                        
                        <div class="row">
                            <div class="row mt-2 mb-2 align-items-center g-3">
                                <h5 class="fs-16">Emisor</h5>
                            </div>
                            <!--end col-->
                            <div class="col-md-12">
                                <div class="mb-3">
                                    <label for="compnayNameinput" class="form-label">Razón Social</label>
                                    <input 
                                        name="razon_social"
                                        type="text" 
                                        class="form-control" 
                                        placeholder="Razón Social"
                                        id="compnayNameinput">
                                </div>
                            </div>
                            <!--end col-->
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="phonenumberInput" class="form-label">RFC</label>
                                    <input 
                                        name="rfc"
                                        type="text" 
                                        class="form-control" 
                                        placeholder="MAIR690209LF4"
                                        id="phonenumberInput">
                                </div>
                            </div>
                            <!--end col-->
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="emailidInput" class="form-label">Email</label>
                                    <input 
                                        name="email"
                                        type="email" 
                                        class="form-control" 
                                        placeholder="example@gamil.com"
                                        id="emailidInput">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="firstSelectInput" class="form-label">Regimen Fiscal</label>
                                    <select 
                                        name="regimen_fiscal" 
                                        class="form-select mb-3" 
                                        aria-label="Plan">
                                        <option selected="">Selecciona</option>
                                    </select>
                                </div>
                            </div>
                            <!--end col-->
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="lastNameinput" class="form-label">Código Postal</label>
                                    <input 
                                        name="codigo_postal_fiscal"
                                        name="contacto_apellidos"
                                        type="text" 
                                        class="form-control" 
                                        placeholder="20000"
                                        id="lastNameinput">
                                </div>
                            </div>
                            <!--end col-->
                            <div class="row mt-2 mb-2 align-items-center g-3">
                                <h5 class="fs-16">Domicilio Fiscal</h5>
                            </div>
                            <!--end col-->
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="address1ControlTextarea" class="form-label">Calle</label>
                                    <input 
                                        name="calle"
                                        type="text" 
                                        class="form-control" 
                                        placeholder="Address 1"
                                        id="address1ControlTextarea">
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="mb-3">
                                    <label for="firstDirinput1" class="form-label">No. Ext</label>
                                    <input 
                                        name="num_ext"
                                        type="text" 
                                        class="form-control" 
                                        placeholder="Num. Ext"
                                        id="firstDirinput1">
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="mb-3">
                                    <label for="firstDirinput2" class="form-label">No. Int</label>
                                    <input 
                                        name="num_int"
                                        type="text" 
                                        class="form-control" 
                                        placeholder="Num. Int."
                                        id="firstDirinput2">
                                </div>
                            </div>
                            <!--end col-->
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="citynameInput" class="form-label">Ciudad</label>
                                    <input 
                                        name="ciudad"
                                        type="text" 
                                        class="form-control" 
                                        placeholder="Enter your city"
                                        id="citynameInput">
                                </div>
                            </div>
                            <!--end col-->
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="ForminputState" class="form-label">Estado</label>
                                    <select 
                                        id="ForminputState" 
                                        class="form-select" 
                                        data-choices
                                        data-choices-sorting="true">
                                        <option selected>Choose...</option>
                                        <option>...</option>
                                    </select>
                                </div>
                            </div>
                            <!--end col-->
                            
                            <div class="row mt-2 mb-2 align-items-center g-3">
                                <h5 class="fs-16">Certificados digitales</h5>
                            </div>            
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="ForminputState" class="form-label">Archivo .cer</label>
                                    <input 
                                        class="form-control" 
                                        type="file" 
                                        id="formFile" 
                                        accept=".cer">
                                </div>
                            </div>
                            <!--end col--> 
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="ForminputState" class="form-label">Archivo .key</label>
                                    <input 
                                        class="form-control" 
                                        type="file" 
                                        id="formFile" 
                                        accept=".key">
                                </div>
                            </div>
                            <!--end col-->
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="passwordInputText" class="form-label">Contraseña</label>
                                    <input 
                                        name="contrasena"
                                        type="password" 
                                        class="form-control" 
                                        placeholder="contraseña"
                                        id="passwordInputText">
                                </div>
                            </div>
                            
                            <!--end col-->

                            <div class="row mt-2 mb-2 align-items-center g-3">
                                <h5 class="fs-16">CONTRATO</h5>
                            </div>
                            <!--end col-->

                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label for="textInputDate1" class="form-label">Fecha Inicio</label>
                                    <input type="date" class="form-control" id="textInputDate1">
                                </div>
                            </div>
                            <!--end col-->
                            <div class="col-lg-6">
                                <div class="mb-3">
                                    <label for="textInputDate2" class="form-label">Fecha Final</label>
                                    <input type="date" class="form-control" id="textInputDate2">
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-lg-4">
                                <div class="mb-3">
                                    <label for="PlanInputSelect3" class="form-label">Plan contratado</label>
                                    <select class="form-select mb-3" aria-label="Plan">
                                        <option selected="">Selecciona</option>
                                        <option value="1">Basico Mensual</option>
                                        <option value="2">Básico Trimestral</option>
                                        <option value="3">Básico Semestral</option>
                                        <option value="4">Básico Anual</option>
                                        <option value="5">Básico BiAnual</option>
                                    </select>
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-lg-4">
                                <div class="mb-3">
                                    <label for="pPeriodoPagoSelect" class="form-label">Periodo de pago</label>
                                    <select 
                                        name="contrato_periodo_pago"
                                        class="form-select mb-3" 
                                        aria-label="Periodo de pago" disabled="true"
                                        id="pPeriodoPagoSelect">
                                        <option selected="">Selecciona </option>
                                        <option value="1">Mensual</option>
                                        <option value="3">Trimestral</option>
                                        <option value="6">Semestral</option>
                                        <option value="12">Anual</option>
                                    </select>
                                </div>
                            </div>
                            <!--end col-->
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="ptimbresInput" class="form-label">Timbres disponibles por mes</label>
                                    <input
                                        name="plan_timbres"
                                        disabled="true"
                                        type="text" 
                                        class="form-control" 
                                        placeholder="Timbres comprados"
                                        id="ptimbresInput">
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-lg-4">
                                <div class="mb-3">
                                    <label for="contratoDuracionSelect" class="form-label">Duración del contrato</label>
                                    <select
                                        name="contrato_duracion" 
                                        class="form-select mb-3" 
                                        aria-label="Duración del contrato"
                                        id="contratoDuracionSelect">
                                        <option selected="">Selecciona</option>
                                        <option value="3">Trimestral</option>
                                        <option value="6">Semestral</option>
                                        <option value="12">Anual</option>
                                    </select>
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="precioNameInput" class="form-label">Precio del Plan</label>
                                    <div class="input-group">
                                        <span class="input-group-text">$</span>
                                        <input 
                                            type="text" 
                                            class="form-control" 
                                            aria-label="Precio del plan"
                                            placeholder="Precio del plan"
                                            disabled="true"
                                            id="precioNameInput">
                                    </div>
                                </div>                                    
                            </div>
                            <!--end col-->

                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label for="pagoNameInput" class="form-label">Monto a pagar cada periodo</label>
                                    <div class="input-group">
                                        <span class="input-group-text">$</span>
                                        <input 
                                            name="contrato_pago"
                                            type="text" 
                                            class="form-control" 
                                            aria-label="Monto a pagar cada periodo"
                                            placeholder="Pago por periodo"
                                            disabled="true"
                                            id="pagoNameInput">
                                    </div>
                                </div>
                            </div>
                            <!--end col-->

                            <div class="row mt-2 mb-2 align-items-center g-3">
                                <h5 class="fs-16">Usuarios disponibles</h5>
                            </div>
                            <!--end col-->

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="planUsuariosInput" class="form-label">Usuarios disponibles</label>
                                    <input
                                        name="plan_usuarios"
                                        type="text" 
                                        class="form-control" 
                                        aria-label="Usuarios disponibles"
                                        placeholder="Usuarios disponibles"
                                        id="planUsuariosInput">
                                    
                                </div>                                    
                            </div>
                            <!--end col-->

                            <div class="row mt-2 mb-2 align-items-center g-3">
                                <h5 class="fs-16">Descuentos</h5>
                            </div>
                            <!--end col-->

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="DescuentoInput" class="form-label">Monto a descontar por periodo</label>
                                    <div class="input-group">
                                        <span class="input-group-text">$</span>
                                        <input 
                                            name="contrato_descuento_monto"
                                            type="text" 
                                            class="form-control" 
                                            aria-label="Monto a descontar por periodo"
                                            placeholder="Descuento por periodo"
                                            id="DescuentoInput">
                                    </div>
                                </div>
                            </div>
                            <!--end col-->

                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="vecesDescontarInput" class="form-label">Veces a aplicar descuento</label>
                                    <input
                                        name="contrato_descuento_contador"
                                        type="text" 
                                        class="form-control" 
                                        placeholder="Veces a aplicar descuento"
                                        id="vecesDescontarInput">
                                </div>
                            </div>
                        </div>
                        <!--end row-->                        
                    </div>
                </div>
                <div class="card-footer">
                        <div class="text-center">
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </div>
                    <!--end col-->    
                </div>
            </div>
        </div> <!-- end col -->
    </div>
    </form>
        

    
@endsection
@section('script')
    <script src="{{ URL::asset('build/libs/prismjs/prism.js') }}"></script>
    <script src="{{ URL::asset('build/js/app.js') }}"></script>
@endsection