@extends('layouts.index', ['subHeader' => 'Nuevo Registro - Leading Safety Platform'])

@section('header')
    <a href="{{ route('home') }}" class="text-decoration-none text-dark">Dashboard</a>
    <a href="{{ route('leading.platform.index') }}" class="text-decoration-none text-dark"> / Leading Safety Platform</a>
    <span> / Nuevo registro</span>
@endsection

@section('content')
    <div class="row">
        <div class="d-flex w-100 voltearv" style="flex-direction: row-reverse;">
            <div class="w-s">
                <div class="btn-group mb-2">
                    <a href="{{ route('leading.platform.uploadView') }}" class="btn btn-enviar btn-lg">
                        <i class="bi bi-file-earmark-spreadsheet"></i> Subir Excel
                    </a>
                </div>
                <div class="btn-group mb-2">
                    <a href="{{ route('leading.platform.index') }}" class="btn btn-enviar btn-lg btn-block">
                        <i class="bi bi-arrow-left-circle-fill"></i> Atrás
                    </a>
                </div>
            </div>
        </div>
    </div>
    <br>

    <div class="container-fluid shadow-s p-4">
        @if ($errors->any())
            <div class="alert alert-danger"><strong>{{ $errors->first() }}</strong></div>
        @endif

        <form class="row g-3" action="{{ route('leading.platform.store') }}" method="POST">
            @csrf
            <h1 class="fs-3 fw-bolder">Nuevo Registro</h1>

            <!-- TYPE -->
            <div class="col-md-4">
                <label for="type" class="form-label fw-bolder">Tipo</label>
                <select name="type" id="type" class="form-select fromcss form-select-lg" required>
                    <option value="">Seleccione un tipo...</option>
                    @foreach (\App\Models\LeadingSafetyPlatform::TYPES as $key => $value)
                        <option value="{{ $key }}" {{ old('type') == $key ? 'selected' : '' }}>{{ $value }}</option>
                    @endforeach
                </select>
            </div>

            <!-- SITE -->
            <div class="col-md-4">
                <label for="site" class="form-label fw-bolder">Sitio</label>
                <select name="site" id="site" class="form-select fromcss form-select-lg" required>
                    <option value="">Seleccione un sitio...</option>
                    @foreach (\App\Models\LeadingSafetyPlatform::SITES as $key => $value)
                        <option value="{{ $key }}" {{ old('site') == $key ? 'selected' : '' }}>{{ $value }}</option>
                    @endforeach
                </select>
            </div>

            <!-- YEAR -->
            <div class="col-md-4">
                <label for="year" class="form-label fw-bolder">Año</label>
                <input type="number" class="form-control form-control-lg" name="year" id="year"
                       value="{{ old('year') }}" min="2000" max="{{ date('Y') + 1 }}" required>
            </div>

            <!-- MONTH -->
            <div class="col-md-4">
                <label for="month" class="form-label fw-bolder">Mes</label>
                <select name="month" id="month" class="form-select fromcss form-select-lg" required>
                    <option value="">Seleccione un mes...</option>
                    @foreach (\App\Models\LeadingSafetyPlatform::MONTHS as $key => $value)
                        <option value="{{ $key }}" {{ old('month') == $key ? 'selected' : '' }}>{{ $value }}</option>
                    @endforeach
                </select>
            </div>

            <!-- HEADCOUNT -->
            <div class="col-md-4">
                <label for="headcount" class="form-label fw-bolder">Headcount</label>
                <input type="number" class="form-control form-control-lg" name="headcount" id="headcount"
                       value="{{ old('headcount') }}" required>
            </div>

            <!-- WORKED HOURS -->
            <div class="col-md-4">
                <label for="worked_hours" class="form-label fw-bolder">Horas trabajadas</label>
                <input type="number" class="form-control form-control-lg" name="worked_hours" id="worked_hours"
                       value="{{ old('worked_hours') }}" required>
            </div>

            <!-- FAC -->
            <div class="col-md-4">
                <label for="fac" class="form-label fw-bolder">FAC (First Aid Cases)</label>
                <input type="number" class="form-control form-control-lg" name="fac" id="fac"
                       value="{{ old('fac') }}" required>
            </div>

            <!-- TRI_LTI -->
            <div class="col-md-4">
                <label for="tri_lti" class="form-label fw-bolder">TRI - LTI</label>
                <input type="number" class="form-control form-control-lg" name="tri_lti" id="tri_lti"
                       value="{{ old('tri_lti') }}" required>
            </div>

            <!-- SEVERE INJURIES -->
            <div class="col-md-4">
                <label for="severe_injuries" class="form-label fw-bolder">Lesiones severas</label>
                <input type="number" class="form-control form-control-lg" name="severe_injuries" id="severe_injuries"
                       value="{{ old('severe_injuries') }}" required>
            </div>

            <!-- FATALITIES -->
            <div class="col-md-4">
                <label for="fatalities" class="form-label fw-bolder">Fatalidades</label>
                <input type="number" class="form-control form-control-lg" name="fatalities" id="fatalities"
                       value="{{ old('fatalities') }}" required>
            </div>

            <!-- BOTONES -->
            <div class="col-12 d-flex justify-content-end mt-4">
                <a href="{{ route('leading.platform.index') }}" class="btn btn-lg btn-cancelar mx-2">Cancelar</a>
                <button type="submit" class="btn btn-lg btn-enviar">Guardar</button>
            </div>
        </form>
    </div>
@endsection