@extends('layouts.index', ['subHeader' => 'Nuevo Monitoreo Plataforma Digital'])

@section('header')
    <a href="{{ route('home') }}" class="text-decoration-none text-dark">Dashboard</a>
    <a href="{{ route('monitoreo_plataforma_digital.index') }}" class="text-decoration-none text-dark"> / Monitoreo Plataforma Digital</a>
    <span> / Nuevo registro</span>
@endsection

@section('content')
    <div class="d-flex justify-content-end">
        <div class="btn-group" role="group" aria-label="">
            <a href="{{ route('monitoreo_plataforma_digital.uploadView') }}" type="button" class="btn btn-enviar btn-lg btn-block">
                <i class="bi bi-arrow-left-circle-fill"></i> Subir Excel
            </a>
        </div>
        <div class="btn-group" role="group" aria-label="">
            <a href="{{ route('monitoreo_plataforma_digital.index') }}" type="button" class="btn btn-enviar btn-lg btn-block">
                <i class="bi bi-arrow-left-circle-fill"></i> Atrás
            </a>
        </div>
    </div>
    <br><br>
    <div class="container-fluid shadow-s p-4">
        <form class="row g-3" action="{{ route('monitoreo_plataforma_digital.store') }}" method="POST">
            @csrf
            <h1 class="fs-3 fw-bolder">Nuevo registro de monitoreo de plataforma digital</h1>

            <!-- Fecha Corte Inteligencia -->
            <div class="col-md-4">
                <label for="fecha_corte_inteligencia" class="form-label fw-bolder">Fecha Corte Inteligencia</label>
                <input type="date" class="form-control fromcss form-control-lg" 
                       id="fecha_corte_inteligencia" 
                       name="fecha_corte_inteligencia" 
                       value="{{ old('fecha_corte_inteligencia') }}" 
                       required>
                @error('fecha_corte_inteligencia')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <!-- Plataforma Digital -->
            <div class="col-md-4">
                <label for="id_plataforma_digital" class="form-label fw-bolder">Plataforma Digital</label>
                <select name="id_plataforma_digital" 
                        id="id_plataforma_digital" 
                        class="form-select form-select-lg fromcss" 
                        data-control="select2" 
                        data-placeholder="Seleccione la Plataforma Digital..." 
                        required>
                    <option></option>
                    @foreach ($plataformas_digitales as $plataforma_digital)
                        <option value="{{ $plataforma_digital->id }}">{{ $plataforma_digital->nombre }}</option>
                    @endforeach
                </select>
                @error('id_plataforma_digital')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <!-- Medicamento -->
            <div class="col-md-4">
                <label for="id_medicamento" class="form-label fw-bolder">Medicamento</label>
                <select name="id_medicamento" 
                        id="id_medicamento" 
                        class="form-select form-select-lg fromcss" 
                        data-control="select2" 
                        data-placeholder="Seleccione el Medicamento..." 
                        required>
                    <option></option>
                    @foreach ($medicamentos as $medicamento)
                        <option value="{{ $medicamento->id }}">{{ $medicamento->nombre }}</option>
                    @endforeach
                </select>
                @error('id_medicamento')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <!-- Cantidad Encontrada -->
            <div class="col-md-4">
                <label for="cantidad_encontrada" class="form-label fw-bolder">Cantidad Encontrada</label>
                <input type="number" class="form-control fromcss form-control-lg" 
                       id="cantidad_encontrada" 
                       name="cantidad_encontrada" 
                       value="{{ old('cantidad_encontrada') }}" 
                       placeholder="Ingrese la cantidad encontrada..." 
                       required>
                @error('cantidad_encontrada')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <!-- Hallazgo -->
            <div class="col-md-4">
                <label for="hallazgo" class="form-label fw-bolder">Hallazgo</label>
                <input type="text" class="form-control fromcss form-control-lg" 
                       id="hallazgo" 
                       name="hallazgo" 
                       value="{{ old('hallazgo') }}" 
                       placeholder="Describa el hallazgo..." 
                       required>
                @error('hallazgo')
                    <div class="text-danger">@lang($message)</div>
                @enderror
            </div>

            <!-- Botones de acción -->
            <div class="col-12 d-flex justify-content-end mt-5">
                <a href="{{ route('monitoreo_plataforma_digital.index') }}" class="btn btn-lg btn-cancelar me-2">Cancelar</a>
                <button class="btn btn-lg btn-enviar" type="submit">Guardar</button>
            </div>
        </form>
    </div>
@endsection