@extends('layouts.backend')
@section('content')

<div class="py-12">
    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
        <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
            <div class="row">
                <div class="col-lg-12">        
                    <form class="p-3" action="{{route('dashboard.search')}}" method="post" id="frm_registro">
                        {{ csrf_field() }}
                        <input id="cadena_tema" name="cadena_tema" type="hidden" value="@isset($cadena_tema){{$cadena_tema}}@endisset"/>
                        <div class="row">
                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label for="nombre">{{__('Fecha Inicial')}} </label>
                                    <input autocomplete="off" class="form-control input_admin" type="text" name="fecha_ini" value="@isset($fecha_ini) {{ $fecha_ini }} @endisset" id="fecha_ini">                        
                                </div>
                            </div>

                            <div class="col-lg-3">
                                <div class="form-group">
                                    <label for="nombre">{{__('Fecha Final')}} </label>
                                    <input autocomplete="off" class="form-control input_admin" type="text" name="fecha_fin" value=
                                    "@isset($fecha_fin) {{ $fecha_fin }} @endisset" id="fecha_fin">                        
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <label for="tema">Seleccionar tema(s)</label>
                                <select class="form-control @error('tema') is-invalid @enderror" name="tema[]" id="tema" multiple>
                                    @foreach($tema as $p)
                                    <option value="{{$p->id}}">{{$p->nombre}}</option>
                                    @endforeach
                                </select>                                
                                @error('tema')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                            <div class="col-lg-2">
                                <div class="">
                                    <h3 class="mb-2">&nbsp;</h3>
                                    <input class="btn btn-info admin" type="submit" name="" value="Buscar">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="row mb-2" id="divChartCotizacion">
                <div class="col-md-12 text-center minh-2 position-relative" id="chart_cotizacion">
                    <i class="icon-spinner rotate"></i>
                </div>                
            </div>
            <hr/>
            <div class="row mb-2">        
                <div class="col-md-12 text-center minh-2 position-relative" id="chart_aprobados">
                    <i class="icon-spinner rotate"></i>
                </div>        
            </div>
            <hr/>
            <div class="row mb-2 text-center justify-content-center" id="cursosData">       
                <div class="col-md-12 text-center minh-2 position-relative" >
                    <i class="icon-spinner rotate"></i>    
                </div>    
            </div>
            
            <div class="row mb-2 text-center justify-content-center" id="temasData">       
                <div class="col-md-12 text-center minh-2 position-relative" >
                    <i class="icon-spinner rotate"></i>    
                </div> 
            </div>
        </div>
    </div>
</div>
@endsection
@section('javascript')

<script type="text/javascript">
    $(document).ready(function () {
        var str = $('#frm_registro').serialize();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $.ajax({
            url: '{{route('dashboard.cotizacion')}}',
            data: str,
            type: 'post',
            success: function (data) {
                $("#divChartCotizacionRes").html(data);
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
                $.ajax({
                    url: '{{route('dashboard.aprobado')}}',
                    data: str,
                    type: 'post',
                    success: function (data) {
                        $("#divChartAprobadoRes").html(data);
                        
                        //dashborad cursos
                        $.ajaxSetup({
                            headers: {
                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                            }
                        });
                        $.ajax({
                            url: '{{route('dashboard.cursosdata')}}',
                            data: str,
                            type: 'post',
                            success: function (data) {
                                $("#cursosData").html(data);
                                
                                $.ajaxSetup({
                                    headers: {
                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                    }
                                });
                                $.ajax({
                                    url: '{{route('dashboard.cursos')}}',
                                    data: str,
                                    type: 'post',
                                    success: function (data) {
                                        $("#divChartCursos").html(data);
                                        
                                        
                                        //dashborad temas
                                        $.ajaxSetup({
                                            headers: {
                                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                            }
                                        });
                                        $.ajax({
                                            url: '{{route('dashboard.temasdata')}}',
                                            data: str,
                                            type: 'post',
                                            success: function (data) {
                                                $("#temasData").html(data);
                                                
                                                $.ajaxSetup({
                                                    headers: {
                                                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                                    }
                                                });
                                                $.ajax({
                                                    url: '{{route('dashboard.temas')}}',
                                                    data: str,
                                                    type: 'post',
                                                    success: function (data) {
                                                        $("#divChartTemas").html(data);
                                                        
                                                    },
                                                    statusCode: {
                                                        404: function () {
                                                            alert('web not found');
                                                        }
                                                    },
                                                    error: function (x, xs, xt) {
                                                        //window.open(JSON.stringify(x));
                                                        $("#" + div).html('<p>' + 'error: ' + JSON.stringify(x) + "\n error string: " + xs + "\n error throwed: " + xt + '</p>');
                                                    }
                                                });
                                                
                                            },
                                            statusCode: {
                                                404: function () {
                                                    alert('web not found');
                                                }
                                            },
                                            error: function (x, xs, xt) {
                                                //window.open(JSON.stringify(x));
                                                $("#" + div).html('<p>' + 'error: ' + JSON.stringify(x) + "\n error string: " + xs + "\n error throwed: " + xt + '</p>');
                                            }
                                        });
                                        //fin dashboard cursos
                                        
                                        
                                    },
                                    statusCode: {
                                        404: function () {
                                            alert('web not found');
                                        }
                                    },
                                    error: function (x, xs, xt) {
                                        //window.open(JSON.stringify(x));
                                        $("#" + div).html('<p>' + 'error: ' + JSON.stringify(x) + "\n error string: " + xs + "\n error throwed: " + xt + '</p>');
                                    }
                                });
                                
                            },
                            statusCode: {
                                404: function () {
                                    alert('web not found');
                                }
                            },
                            error: function (x, xs, xt) {
                                //window.open(JSON.stringify(x));
                                $("#" + div).html('<p>' + 'error: ' + JSON.stringify(x) + "\n error string: " + xs + "\n error throwed: " + xt + '</p>');
                            }
                        });
                        //fin dashboard cursos
                                
                    },
                    statusCode: {
                        404: function () {
                            alert('web not found');
                        }
                    },
                    error: function (x, xs, xt) {
                        //window.open(JSON.stringify(x));
                        $("#" + div).html('<p>' + 'error: ' + JSON.stringify(x) + "\n error string: " + xs + "\n error throwed: " + xt + '</p>');
                    }
                });        
            },
            statusCode: {
                404: function () {
                    alert('web not found');
                }
            },
            error: function (x, xs, xt) {
                //window.open(JSON.stringify(x));
                $("#" + div).html('<p>' + 'error: ' + JSON.stringify(x) + "\n error string: " + xs + "\n error throwed: " + xt + '</p>');
            }
        });
    });
</script>

@endsection