@extends('layouts.index', ['subHeader' => 'Boletín Diario - Security & HSE'])

@section('header')
    <a href="{{ route('home') }}" class="text-decoration-none text-dark">Dashboard</a>
    <a href="{{ route('boletines.index') }}" class="text-decoration-none text-dark">/ Boletín Diario</a>
@endsection

@section('content')
    <div class=" container-fluid ">
        <div class="d-flex flex-wrap justify-content-between w-100 voltearv">
            <div class="mb-2 searchv">
                <input type="text" class="form-control form-control-lg  fromcss" id="kt_datepicker_1" placeholder="DD/MM/YYYY"
                    aria-label="Search" value="{{date('Y-m-d')}}">
            </div>
            <div class="w-s">
                <div class="btn-group mb-2" role="group" aria-label="">
                    @if (count($paises) || count($countrys) || count($expatriados) || count($vehiculos) || count($viajes) || $novedad)
                    <form action="{{ route('boletines.generateBoletinPdf') }}" id="generarBoletinPdf" method="post">
                        @csrf
                        <input type="hidden" class="form-control form-control-lg  fromcss fecha_seleccionada" id="fecha_seleccionada" placeholder="DD/MM/YYYY"
                        aria-label="Search" value="{{date('Y-m-d')}}">
                        <button type="submit" class="btn btn-enviar btn-lg btn-block" style="margin-right: 5rem">
                            <i class="bi bi-file-earmark-plus"></i> Generar PDF
                        </button>
                    </form>
                        <a href="{{route('boletines.edit')}}" type="button" class="btn btn-enviar btn-lg btn-block">
                            <i class="bi bi-file-earmark-plus"></i> Editar registro
                        </a>
                    @else
                        <a href="{{route('boletines.create')}}" type="button" class="btn btn-enviar btn-lg btn-block">
                            <i class="bi bi-file-earmark-plus"></i> Nuevo registro
                        </a>
                        @endif
                </div>

            </div>
        </div>
    </div>
    <br>
    <div class="container-fluid"> <!-- Agregando espacio entre columnas -->
        <div class="col-md-12">
            <div class="shadow-s"><!-- Agregando margen inferior -->
                <div class="d-flex flex-column p-4">
                    <span class="fs-2 fw-bolder purple mb-2">Boletín diario</span>
                    <span class="fs-3 fw-bolder gray estilost" id="fecha">{{ date('j \d\e F, Y', strtotime(date('Y-m-d'))) }}</span>
                </div>
            </div>
        </div>

    </div>
    <br>

    <div class="seccionReporteBoletin">
        @component('boletin.componentes.index')
            @slot('paises', $paises)
            @slot('countrys', $countrys)
            @slot('expatriados', $expatriados)
            @slot('vehiculos', $vehiculos)
            @slot('viajes', $viajes)
            @slot('novedad', $novedad)
        @endcomponent
    </div>
@endsection

@section('js')
    <script src="{{ mix('js/boletion/principal.js') }}"></script>
@endsection