@extends('layout')

@section('titulo')
    Saludo
@endsection

@section('contenido')


<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet"/>

<form action="" method="post">
    @csrf

    <div class="row">
        <div class="col-md-4">
            <div class="form-group">
                <label for="txtNoOficio">No. de Oficio</label>
                <input type="text" class="form-control" name="txtNoOficio" id="txtNoOficio" value="{{@old('txtNoOficio')}}">
                {!! $errors->first('txtNoOficio','<span class="error">:message</span>') !!}
            </div>
        </div>
        <div class="col-md-4">
            <div class="form-group">
                <label>Zacatecas, Zac. a </label>                
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4">
            <div class="form-group">
                <label for="txtFechaDoc">Fecha del Documento</label>
                <input placeholder="dd/mm/YYYY" type="date" class="form-control" name="txtFechaDoc" id="txtFechaDoc" value="{{@old('txtFechaDoc')}}">
                {!! $errors->first('txtFechaDoc','<span class="error">:message</span>') !!}
            </div>
        </div>
        <div class="col-md-4">
            <div class="form-group">
                <label for="txtFechaRec">Fecha de Recepcion</label>
                <input placeholder="dd/mm/YYYY" type="date" class="form-control" name="txtFechaRec" id="txtFechaRec" value="{{@old('txtFechaRec')}}">
                {!! $errors->first('txtFechaRec','<span class="error">:message</span>') !!}       
            </div>
        </div>
        <div class="col-md-4">
            <div class="form-group">
                <label for="txtFechaRes">Fecha Estimada de Respuesta</label>
                <input placeholder="dd/mm/YYYY" type="date" class="form-control" name="txtFechaRes" id="txtFechaRes" value="{{@old('txtFechaRes')}}">
                {!! $errors->first('txtFechaRes','<span class="error">:message</span>') !!}
            </div>            
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="col-md-6">

                <form>
                    <div class="form-group">
                        <label for="tag_list">Dependencias:</label>
                        <select id="tag_list" name="tag_list[]" class="form-control" multiple></select>
                    </div>
                </form>
            </div>

            <div class="col-md-6">
                <form>
                    <div class="form-group">
                        <label for="tag_list2">Empleados Dependencias:</label>
                        <select id="tag_list2" name="tag_list2[]" class="form-control" multiple></select>
                    </div>
                </form>
            </div>
        </div>
    </div>

    
    <div class="form-group">
        <label for="txtSintesis">Síntesis</label>
        <input type="text" class="form-control" name="txtSintesis" id="txtSintesis" value="{{@old('txtSintesis')}}">
        {!! $errors->first('txtSintesis','<span class="error">:message</span>') !!}
    </div>    
    <div class="form-group">
        <label for="txtObservaciones">Observaciones</label>
        <input type="text" class="form-control" name="txtObservaciones" id="txtObservaciones" value="{{@old('txtObservaciones')}}">
        {!! $errors->first('txtObservaciones','<span class="error">:message</span>') !!}
    </div>
    
    <button type="submit" class="btn btn-primary btn-lg">Enviar</button>
</form>

  
  
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script>
    $('#tag_list').select2({
    placeholder:"Elige etiquetas...",
    minimumInputLength:2,
    ajax:{
        url:'/getDep',
        dataType:'json',
        data:function(params){
        return{q:$.trim(params.term)};
        },
        processResults:function(data){
        return{results:data};
        },
        cache:true
    }
    });

    $('#tag_list2').select2({
    placeholder:"Elige etiquetas...",
    minimumInputLength:2,
    ajax:{
        url:'/getEmpDep',
        dataType:'json',
        data:function(params){
        return{q:$.trim(params.term)};
        },
        processResults:function(data){
        return{results:data};
        },
        cache:true
    }
    });
</script>




@endsection