@extends('layouts.app')

@section('vendor-style')
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/flag-icon/css/flag-icon.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/data-tables/css/jquery.dataTables.min.css')}}">
    <link rel="stylesheet" type="text/css"
          href="{{asset('vendors/data-tables/extensions/responsive/css/responsive.dataTables.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/data-tables/css/select.dataTables.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/sweetalert/sweetalert.css')}}">
    <link rel="stylesheet" type="text/css"
          href="{{ asset('vendors/materialize-stepper/materialize-stepper.min.css') }}">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
@endsection
@section('title', 'Finanzas')
{{-- page style --}}
@section('page-style')
    <link rel="stylesheet" type="text/css" href="{{asset('css/pages/data-tables.css')}}">
@endsection

@section('content')
    <div class="seaction">
        <div class="row">
            <div class="col s12 m12 l12">
                <div id="button-trigger2" class="card card card-default scrollspy">
                    <div class="card-content">
                        <h3 class="card-title">Cumpleaños del mes de {{$nombreMes}} </h3>
                        <div class="row">
                            <!-- Lista de Diputados -->
                            <div class="col s12 m6">
                                <h4>Diputados</h4>
                                <ul class="collection">
                                    @foreach($cumpmes as $item)
                                        <li class="collection-item">
                                            <strong>{{ $item->Nombre }}</strong> -
                                            {{ \Carbon\Carbon::parse($item->fecha_cumpe)->translatedFormat('j \d\e F') }}
                                        </li>
                                    @endforeach
                                </ul>
                            </div>

                            <!-- Lista de Gabinete -->
                            <div class="col s12 m6">
                                <h4>Gabinete</h4>
                                <ul class="collection">
                                    @foreach($data->sortBy('fecha_nacimiento') as $item)
                                        <li class="collection-item">
                                            <strong>{{ $item->nombre }}</strong> -
                                            {{ \Carbon\Carbon::parse($item->fecha_nacimiento)->translatedFormat('j \d\e F') }}
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                        <h3 class="card-title">Cumpleaños del mes de {{$nombreMesSiguiente}} </h3>
                        <div class="row">
                            <!-- Lista de Diputados -->
                            <div class="col s12 m6">
                                <h4>Diputados</h4>
                                <ul class="collection">
                                    @foreach($cumpmessiguiente as $item)
                                        <li class="collection-item">
                                            <strong>{{ $item->Nombre }}</strong> -
                                            {{ \Carbon\Carbon::parse($item->fecha_cumpe)->translatedFormat('j \d\e F') }}
                                        </li>
                                    @endforeach
                                </ul>
                            </div>

                            <!-- Lista de Gabinete -->
                            <div class="col s12 m6">
                                <h4>Gabinete</h4>
                                <ul class="collection">
                                    @foreach($data2->sortBy('fecha_nacimiento') as $item)
                                        <li class="collection-item">
                                            <strong>{{ $item->nombre }}</strong> -
                                            {{ \Carbon\Carbon::parse($item->fecha_nacimiento)->translatedFormat('j \d\e F') }}
                                        </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

{{-- vendor scripts --}}
@section('vendor-script')
    <script src="{{asset('vendors/data-tables/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js')}}"></script>
    <script src="{{asset('vendors/data-tables/js/dataTables.select.min.js')}}"></script>
    <script src="{{ asset('vendors/sweetalert/sweetalert.min.js') }}"></script>
    <script src="{{ asset('vendors/materialize-stepper/materialize-stepper.min.js') }}"></script>
@endsection
{{-- page script --}}
@section('page-script')
    <script type="text/javascript">
        $(document).ready(function () {
            $("#data-table-row-grouping").DataTable({
                ordering: false,
                order: [2, "asc"],
            });
        });
        $(document).on("click", ".btn-destroy", function (e) {
            e.preventDefault();
            swal({
                title: "¿Deseas eliminar el registro?",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            }).then((willDelete) => {
                if (willDelete) {
                    $(this).parent().submit();
                }
            });
        });

    </script>
    @if(session('correcto') == 'ok')
        <script>
            swal("", {
                title: "Se ha guardado correctamente",
                icon: 'success',
                dangerMode: true,
            });
        </script>
    @endif
    @if(session('eliminado') == 'ok')
        <script>
            swal("", {
                title: "Se ha eliminado correctamente",
                icon: 'success',
                dangerMode: true,
            });
        </script>
    @endif

@endsection