@component('fragments.modal')
        @slot('idmodal')
            modalNewSolictud
        @endslot

        @slot('title')
            Agregar Norma
        @endslot

        @slot('action')
            <form class="needs-validation ui form" method="POST" action="{{url('dgn/new_solicitud')}}" role="form" enctype="multipart/form-data">
        @endslot

        @slot('form')
            {{ csrf_field() }}
            <div id="form-new-solictud">
                <div class="field mt-3">
                    <label for="id_programacion_muestra" >Muestra</label>
                    <select id="id_programacion_muestra" name="id_programacion_muestra" class="selectpicker form-control" data-live-search="true">
                        <option value="" selected disabled>--Seleccione--</option>
                        @foreach ($muestras as $muestra)
                            <option value="{{$muestra->id_programacion_muestra}}">{{$muestra->folio_programacion}}</option>
                        @endforeach
                    </select>
                </div>
                
                <div class="required field">
                    <label for="solicitud" >Solicitud</label>
                    <input type="text" class="form-control" id="solicitud" name="solicitud" placeholder="Solicitud">
                </div>

                <div class="form-row">
                    <div class="col-6 form-group">
                        <label for="id_norma" >Norma</label>
                        <select id="id_norma" name="id_norma" class="selectpicker form-control" data-live-search="true" disabled>
                            <option value="" selected disabled>--Seleccione--</option>
                            @foreach ($normas as $norma)
                                <option value="{{$norma->id_norma}}">{{$norma->nombre}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-6 form-group">
                        <label for="fecha_entrega_cliente" >Fecha expedición</label>
                        <input type="date" class="form-control" id="fecha_entrega_cliente" name="fecha_entrega_cliente" disabled>
                    </div>
                    
                </div>
                
                <div class="form-row">
                    <div class="col-6 form-group">
                        <label for="fecha_fin_vigencia" >Fecha Fin Vigencia </label>
                        <input type="date" class="form-control" id="fecha_fin_vigencia" name="fecha_fin_vigencia">
                    </div>
                    <div class="col-6 form-group">
                        <label for="avance" >Avance</label>
                        <input type="number" class="form-control" id="avance" name="avance" min="0" max="100">
                    </div>
                    
                </div>

                <div class="form-row">
                    <div class="col-6 form-group">
                        <label for="estatus" >Estatus Folio</label>
                    <select id="estatus" name="estatus" class="form-control selectpicker" title="--Selecciona--" required>
                        <option value="1">EN PROCESO</option>
                        <option value="2">BAJA</option>
                        <option value="3">EXPIDE DOCUMENTO</option>
                        <option value="4">CONCLUIDO</option>
                    </select>
                    </div>
                    <div class="col-6 form-group">
                        <label for="certificado" >Certificado Expedido ( OC's )</label>
                        <input type="text" class="form-control" id="certificado" name="certificado" value="NO aplica">
                    </div>
                    
                </div>

                <div class="form-row">
                    <div class="col-12 form-group">
                        <label for="observaciones" >Observaciones/avances/comentarios
                            (No entrega documentacion)</label>
                        <textarea type="text" class="form-control" id="observaciones" name="observaciones"> </textarea>
                    </div>
                    
                </div>

                <div class="form-row">
                    
                    <div class="col-12 form-group">
                        <label for="razon_social" >LAB/OC RAZÓN SOCIAL</label>
                        <input type="text" class="form-control" id="razon_social" name="razon_social" value="SERVICIOS DE ANALISIS TECNICOS, S.A. DE C.V.">
                    </div>
                    
                </div>

                <div class="form-row">
                    
                    <div class="col-12 form-group">
                        <label for="entrada" >Entrada</label>
                        <input type="text" class="form-control" id="entrada" name="entrada">
                    </div>
                    
                </div>

                <div class="form-row">
                    
                    <div class="col-12 form-group">
                        <label for="carta_tecnica" >Carta Técnica</label>
                        <input type="text" class="form-control" id="carta_tecnica" name="carta_tecnica">
                    </div>
                    
                </div>
                <div class="form-row">
                    
                    <div class="col-12 form-group">
                        <label for="familias" >Familias</label>
                        <input type="text" class="form-control" id="familias" name="familias">
                    </div>
                    
                </div>

                <div class="form-row">
                    
                    <div class="col-6 form-group">
                        <label for="pais_ori" >País Origen</label>
                        <input type="text" class="form-control" id="pais_ori" name="pais_ori">
                    </div>

                    <div class="col-6 form-group">
                        <label for="pais_proc" >País Proc</label>
                        <input type="text" class="form-control" id="pais_proc" name="pais_proc">
                    </div>
                    
                </div>

                <div class="form-row">
                    
                    <div class="col-12 form-group">
                        <label for="fraccion" >Fracción</label>
                        <input type="text" class="form-control" id="fraccion" name="fraccion">
                    </div>
                    
                </div>

                <div class="form-row">
                    
                    <div class="col-12 form-group">
                        <label for="nom" >Nom</label>
                        <input type="text" class="form-control" id="nom" name="nom">
                    </div>
                    
                </div>

                <div class="form-row">
                    
                    <div class="col-12 form-group">
                        <label for="espacio" >Espacio</label>
                        <input type="text" class="form-control" id="espacio" name="espacio">
                    </div>
                    
                </div>

                <div class="form-row">
                    
                    <div class="col-12 form-group">
                        <label for="folios" >Folios</label>
                        <input type="text" class="form-control" id="folios" name="folios">
                    </div>
                    
                </div>
                

            </div>
            

        @endslot

        @slot('button')
            <button type="submit" class="btn btn-primary">
                <i class="save icon"></i>Guardar
            </button>
        @endslot
    @endcomponent