@extends('header_nuevo_generico')
@section('main')

<div class="container mt-5 pt-5">
    <div class="row text-right">
        <div class="col-md-12">
            <h3 class="text-center">
                <legend>Buscar Causas Judiciales (sin CUIT)</legend>
            </h3>
        </div>
    </div>

    <form id="form_buscar">
        <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
        <div class="row my-4">
            <div class="col-md-2">
                <label for="nombre">Nombre</label>
            </div>
            <div class="col-md-10">
                <input name="nombreb" type="text" id="nombreb" placeholder="Nombre a buscar como Demandando o Actor"
                    class="form-control" onKeyUp="this.value=this.value.toUpperCase();">
            </div>
        </div>

        <div class="row">
            <div class="col-md-2">
                <label for="fuenteb">Fuente</label>
            </div>
            <div class="col-md-6 col-sm-6 col-xs-6">
                <select name="fuenteb" id="fuenteb" class="form-control">
                    <option value=''>Seleccione la fuente a buscar</option>
                    @foreach ($fuentes as $fuente)
                        <option value="{{$fuente->fue_nombre}}">
                            {{$fuente->fue_codigo}} - {{$fuente->fue_nombre}}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2 text-end">
                <label for="fecha_fuenteb">Fecha Fuente</label>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2">
                <input value="" name="fecha_fuenteb" type="text" id="fecha_fuenteb" data-date-format="yyyy-mm-dd"
                    class="form-control readonly" placeholder="" data-date-end-date="0d" data-date-start-date="-5y">
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-md-12 text-center">
                <button type="submit" class="btn btn-primary">Buscar</button>
            </div>
        </div>

    </form>
    <br>
    <div class="text-center">
        <!-- <img id="loadingb" src="/images/loading.gif" class="d-none text-center" width="50px"> -->
        <div id="loadingb" class="spinner-border text-fidelitas loading d-none" role="status">
            <span class="visually-hidden">@traducir('Loading', 'Loading...')</span>
        </div>
    </div>
</div>
<div class="container" style="width: 95%;">
    <div class="text-center" id="tabla_juicios">
    </div>
</div>

<script>
    function dateDefaultView(id, formato) {
        fecha = id.val();

        if (fecha != "" && fecha != null) {
            anio = fecha.substr(0, 4);
            mes = fecha.substr(5, 2);
            mes = mes - 1;
            dia = 1;
            if (formato == "yyyy-mm-dd") { dia = fecha.substr(8, 2); }
        } else {
            var d = new Date();
            var anio = d.getFullYear();
            var mes = d.getMonth();
            var dia = d.getDate();
        }

        id.datepicker("destroy").datepicker({
            format: $(this).data('date-format'),
            defaultViewDate: { year: anio, month: mes, day: dia },
            clearBtn: true,
            language: "es",
            autoclose: true
        });
    }
    function crearDataTableDeudas(tabla) {
        $(tabla).DataTable({
            "pagingType": "full_numbers",
            "ordering": true,
            "info": true,
            'columnDefs': [
                { 'orderData': [3], 'targets': [2] }, {
                    'targets': [3],
                    'searchable': true
                },],
            "lengthMenu": [[-1, 10, 25, 50, 100], ["Todos", 10, 25, 50, 100]],
            "language": {
                "lengthMenu": "Mostrar _MENU_ registros por página",
                "zeroRecords": "No se encontraron  resultados para esa búsqueda",
                //"info": "Mostrando página _PAGE_ de _PAGES_",
                "info": "Mostrando  _START_  de  _END_ - <b>Total:</b> _TOTAL_ registros",
                "infoEmpty": "No hay registros disponibles",
                "infoFiltered": "(filtrados de _MAX_ total de registros)",
                "sSearch": "Buscar",
                "oPaginate": {
                    "sFirst": "Primera",
                    "sPrevious": "Anterior",
                    "sNext": "Siguiente",
                    "sLast": "Última"
                },
            }
        });
    }
</script>

@endsection
<!-- -->
@section('funcionesJS')
<script type="text/javascript" src="{{ URL::asset('js/buscar_juicios.js') }}?v={{time()}}"> </script>
<script type="text/javascript" src="{{ URL::asset('js/datacleaning/buscar_juicios.js') }}"> </script>
<script>
    function dateDefaultView(id, formato) {
        fecha = id.val();

        if (fecha != "" && fecha != null) {
            anio = fecha.substr(0, 4);
            mes = fecha.substr(5, 2);
            mes = mes - 1;
            dia = 1;
            if (formato == "yyyy-mm-dd") { dia = fecha.substr(8, 2); }
        } else {
            var d = new Date();
            var anio = d.getFullYear();
            var mes = d.getMonth();
            var dia = d.getDate();
        }

        id.datepicker("destroy").datepicker({
            format: $(this).data('date-format'),
            defaultViewDate: { year: anio, month: mes, day: dia },
            clearBtn: true,
            language: "es",
            autoclose: true
        });
    }
    function crearDataTableDeudas(tabla) {
        $(tabla).DataTable({
            "pagingType": "full_numbers",
            "ordering": true,
            "info": true,
            'columnDefs': [
                { 'orderData': [3], 'targets': [2] }, {
                    'targets': [3],
                    'searchable': true
                },],
            "lengthMenu": [[-1, 10, 25, 50, 100], ["Todos", 10, 25, 50, 100]],
            "language": {
                "lengthMenu": "Mostrar _MENU_ registros por página",
                "zeroRecords": "No se encontraron  resultados para esa búsqueda",
                //"info": "Mostrando página _PAGE_ de _PAGES_",
                "info": "Mostrando  _START_  de  _END_ - <b>Total:</b> _TOTAL_ registros",
                "infoEmpty": "No hay registros disponibles",
                "infoFiltered": "(filtrados de _MAX_ total de registros)",
                "sSearch": "Buscar",
                "oPaginate": {
                    "sFirst": "Primera",
                    "sPrevious": "Anterior",
                    "sNext": "Siguiente",
                    "sLast": "Última"
                },
            }
        });
    }
</script>
@endsection