@extends('layout')

@section('title','Datos Ingresados')

@section('content')

 <script language="JavaScript" src="{{ asset('/js/Chart.min.js') }}" type="text/javascript"></script><div class="container">
<div class="col-md-12">

 
 <form method="PUT"  action="{{ route('dato_gestoria_sel') }}" >

    @csrf
  

               

                <div class="form-group row">                  

                            <div class="row col-md-5">
                              <div class="card shadow mb-4">
                          <div class="card-header py-3">
                            <h6 class="m-0 font-weight-bold text-primary">Total de preinscripciones: <strong>{{session('total_busqueda')}}</h6>
                          </div>
                          
                            <canvas id="myChart" width="400" height="400"></canvas>
                            </div>
                            </div>
                            <script>
                            var ctx = document.getElementById('myChart').getContext('2d');
                            var myChart = new Chart(ctx, {
                                type: 'bar',
                                data: {
                                    labels: ['Padres/Guarda en ARS', 'Hermano/a en ETARS ', 'Padres/Guarda NO pertenecen ARS','Comunidad sin relacion ARS-ETARS'],
                                    datasets: [{
                                        label: 'Cantidad',
                                        data: [{{session('total_padre')}}, {{session('total_hermano')}}, {{session('total_noars')}} ,  {{session('total_sinr')}}],
                                        backgroundColor: [
                                            'rgba(255, 99, 132, 0.2)',
                                            'rgba(54, 162, 235, 0.2)',
                                            'rgba(255, 206, 86, 0.2)',
                                            'rgba(75, 192, 192, 0.2)',
                                            'rgba(153, 102, 255, 0.2)',
                                            'rgba(255, 159, 64, 0.2)'
                                        ],
                                        borderColor: [
                                            'rgba(255, 99, 132, 1)',
                                            'rgba(54, 162, 235, 1)',
                                            'rgba(255, 206, 86, 1)',
                                            'rgba(75, 192, 192, 1)',
                                            'rgba(153, 102, 255, 1)',
                                            'rgba(255, 159, 64, 1)'
                                        ],
                                        borderWidth: 1
                                    }]
                                },
                                options: {
                                    scales: {
                                        yAxes: [{
                                            ticks: {
                                                beginAtZero: true
                                            }
                                        }]
                                    }
                                }
                            });
                            </script>

                    

             
                                <div class="card shadow mb-4">
                            <div class="card-header py-3">
                              <h6 class="m-0 font-weight-bold text-primary">Total de Inscriptos a ETARS : <strong>{{session('total_inscriptos')}}</h6>
                            </div>
                              <canvas id="myChart2" width="400" height="400"></canvas>
                              </div>
                              </div>
                              <script>
                              var ctx = document.getElementById('myChart2').getContext('2d');
                              var myChart = new Chart(ctx, {
                                  type: 'bar',
                                  data: {
                                      labels: ['Padres/Guarda en ARS', 'Hermano/a en ETARS ', 'Padres/Guarda NO pertenecen ARS','Comunidad sin relacion ARS-ETARS'],
                                      datasets: [{
                                          label: 'Cantidad',
                                          data: [{{session('total_ipadre')}}, {{session('total_ihermano')}}, {{session('total_inoars')}},  {{session('total_isinr')}}],
                                          backgroundColor: [
                                              'rgba(255, 99, 132, 0.2)',
                                              'rgba(54, 162, 235, 0.2)',
                                              'rgba(255, 206, 86, 0.2)',
                                              'rgba(75, 192, 192, 0.2)',
                                              'rgba(153, 102, 255, 0.2)',
                                              'rgba(255, 159, 64, 0.2)'
                                          ],
                                          borderColor: [
                                              'rgba(255, 99, 132, 1)',
                                              'rgba(54, 162, 235, 1)',
                                              'rgba(255, 206, 86, 1)',
                                              'rgba(75, 192, 192, 1)',
                                              'rgba(153, 102, 255, 1)',
                                              'rgba(255, 159, 64, 1)'
                                          ],
                                          borderWidth: 1
                                      }]
                                  },
                                  options: {
                                      scales: {
                                          yAxes: [{
                                              ticks: {
                                                  beginAtZero: true
                                              }
                                          }]
                                      }
                                  }
                              });
                              </script>
                  
                  

               

</form>



   
</div>
</div>


@endsection