@extends('layouts.app')
@section('content')
    <div class="container">
        <h3><b>Vacaciones Correspondientes</b></h3>

        <form action="{{ url('/Vacaciones/'.$idVacacion) }}" method="post" enctype="multipart/form-data" name="f1" id="f1">
            {{ csrf_field() }}
            {{ method_field('PATCH') }}

            <div class="form-row">
                <div class="col-md-5 mb-3">
                    <label class="control-label" for="id_personal">{{ 'Nombre del Personal:' }}</label>
                    <input class="form-control" type="text" name="id_personal" id="id_personal" value="{{ $nombreP.' '.$apellidosP }}" readonly>
                </div>
            
                <div class="col-md-3 mb-3">
                    <label class="control-label" for="">{{ 'Número de Días Trabajados:' }}</label>
                    <input class="form-control" type="text" name="dias_t" id="dias_t" readonly value="{{ $conteo }}">
                </div>

                <div class="col-md-3 mb-3">
                    <label class="control-label" for="">{{ 'Sumatoria de Vacaciones:' }}</label>
                    <input class="form-control" type="text" name="dias_v" id="dias_v" readonly value="{{ $vacaciones-1.25 }}">
                </div>
            </div>

            <div class="form-row">
                <div class="col-md-3 mb-3">
                    <label class="control-label" for="dias_tomados">{{ 'Días Que Ha Tomado De Descanso:' }}</label>
                    <input class="form-control" type="number" name="dias_tomados" id="dias_tomados" value="{{ $diasT }}" onkeyup="diasR(this.value);">
                </div>

                <div class="col-md-3 mb-3">
                    <label class="control-label" for="dias_descando">{{ 'Días Correspondientes De Vacaciones:' }}</label>
                    <input class="form-control" type="number" name="dias_descanso" id="dias_descanso" value="{{ $diasD}}" readonly>
                </div>
            </div>

            <div style="float: right">
                <a href="{{ url('/Vacaciones') }}" class="btn btn-primary">Regresar</a>
                <input type="submit" value="Editar" class="btn btn-success">
            </div>
        </div>

        <script>
            const diasV = @php echo $vacaciones-1.25 @endphp;
            function diasR(dt)
            {
                var total = 0;

                dt = document.getElementById('dias_tomados').value;
                dd = document.getElementById('dias_descanso').value;
                total = (total == null || total == undefined || total == "") ? 0 : total;

                total = parseFloat(diasV)-parseFloat(dt);

                document.getElementById('dias_descanso').value = total;
            }
        </script>
    </form>
@endsection