@extends('adminlte::page')

@section('title', env('APP_NAME') . ' - Editar Pago Adelantado')
@section('plugins.Select2', true)
@section('content_header')
    <h1>Editar Pago Adelantado</h1>
@stop

@section('content')


    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show">
            {{ session('error') }}
            <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
        </div>
    @endif
    @if($errors->any())
        <div class="alert alert-danger alert-dismissible fade show">
            <ul class="mb-0">
                @foreach($errors->all() as $err)
                    <li>{{ $err }}</li>
                @endforeach
            </ul>
            <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
        </div>
    @endif

    <div class="card">
        <div class="card-header bg-warning">
            <h2 class="card-title">Pago adelantado - {{ $pagoAdelantadoColaborador->empleado ? $pagoAdelantadoColaborador->empleado->nombre . ' ' . $pagoAdelantadoColaborador->empleado->apellido : 'N/A' }}</h2>
        </div>
        <div class="card-body">
            <form action="{{ route('pagos-adelantados.update', ['pagos_adelantado' => $pagoAdelantadoColaborador->id]) }}" method="POST" id="formEditarAdelantado">
                @csrf
                @method('PUT')

              <div class="row">
                <div class="col-md-8">
                    <div class="form-group">
                        <label for="empleado_id">Colaborador <span class="text-danger">*</span></label>
                        <select name="empleado_id" id="empleado_id" class="form-control select2" style="width: 100%;" required>
                            <option value="">Seleccione un colaborador</option>
                            @foreach($empleados as $empleado)
                                <option value="{{ $empleado->id }}" data-sueldo="{{ $empleado->sueldo_base }}"
                                    {{ old('empleado_id', $pagoAdelantadoColaborador->empleado_id) == $empleado->id ? 'selected' : '' }}>
                                    {{ $empleado->nombre }} {{ $empleado->apellido }} - {{ $empleado->codigo }}
                                    @if($empleado->sueldo_base > 0)
                                        (S/ {{ number_format($empleado->sueldo_base, 2) }})
                                    @endif
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
              </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="mes">Mes <span class="text-danger">*</span></label>
                            <select name="mes" id="mes" class="form-control" required>
                                @foreach([1=>'Enero',2=>'Febrero',3=>'Marzo',4=>'Abril',5=>'Mayo',6=>'Junio',7=>'Julio',8=>'Agosto',9=>'Septiembre',10=>'Octubre',11=>'Noviembre',12=>'Diciembre'] as $n => $mes)
                                    <option value="{{ $n }}" {{ old('mes', $pagoAdelantadoColaborador->mes) == $n ? 'selected' : '' }}>{{ $mes }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="anio">Año <span class="text-danger">*</span></label>
                            <input type="number" name="anio" id="anio" class="form-control" min="2020" max="2100"
                                   value="{{ old('anio', $pagoAdelantadoColaborador->anio) }}" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="fecha_pago">Fecha de Pago <span class="text-danger">*</span></label>
                            <input type="date" name="fecha_pago" id="fecha_pago" class="form-control"
                                   value="{{ old('fecha_pago', $pagoAdelantadoColaborador->fecha_pago ? $pagoAdelantadoColaborador->fecha_pago->format('Y-m-d') : '') }}" required>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="monto">Monto <span class="text-danger">*</span></label>
                    <input type="number" name="monto" id="monto" class="form-control" step="0.01" min="0.01"
                           value="{{ old('monto', $pagoAdelantadoColaborador->monto) }}" required>
                    <small class="text-muted" id="sueldoMaximo"></small>
                </div>

                <div class="form-group">
                    <label for="motivo">Motivo</label>
                    <input type="text" name="motivo" id="motivo" class="form-control" maxlength="255"
                           value="{{ old('motivo', $pagoAdelantadoColaborador->motivo) }}">
                </div>

                <div class="form-group">
                    <label for="metodo_pago">Método de Pago <span class="text-danger">*</span></label>
                    <select name="metodo_pago" id="metodo_pago" class="form-control" required>
                        <option value="efectivo" {{ old('metodo_pago', $pagoAdelantadoColaborador->metodo_pago) == 'efectivo' ? 'selected' : '' }}>Efectivo</option>
                        <option value="transferencia" {{ old('metodo_pago', $pagoAdelantadoColaborador->metodo_pago) == 'transferencia' ? 'selected' : '' }}>Transferencia</option>
                        <option value="cheque" {{ old('metodo_pago', $pagoAdelantadoColaborador->metodo_pago) == 'cheque' ? 'selected' : '' }}>Cheque</option>
                        <option value="deposito" {{ old('metodo_pago', $pagoAdelantadoColaborador->metodo_pago) == 'deposito' ? 'selected' : '' }}>Depósito</option>
                    </select>
                </div>

                <div class="form-group">
                    <label for="observaciones">Observaciones</label>
                    <textarea name="observaciones" id="observaciones" class="form-control" rows="2">{{ old('observaciones', $pagoAdelantadoColaborador->observaciones) }}</textarea>
                </div>

                <div class="form-group mb-0">
                    <button type="submit" class="btn btn-warning mr-2"> <i class="fa fa-save"></i> Guardar cambios</button>
                    <a href="{{ route('pagos-adelantados.index') }}" class="btn btn-secondary"> <i class="fa fa-times"></i> Cancelar</a>
                </div>
            </form>
        </div>
    </div>
@stop

@section('css')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>
    .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 4px;
        height: 35px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 35px !important;
        padding-left: 12px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 35px !important;
    }
    .select2-dropdown {
        z-index: 9999 !important;
    }
    .select2-container {
        width: 100% !important;
    }
</style>
@stop

@section('js')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
$(document).ready(function() {
    $('#empleado_id').select2({
        placeholder: 'Seleccione un colaborador',
        allowClear: true,
        width: '100%'
    });

    function actualizarSueldoMaximo() {
        var option = $('#empleado_id').find('option:selected');
        var sueldo = option.data('sueldo');
        if (sueldo && parseFloat(sueldo) > 0) {
            $('#sueldoMaximo').text('Sueldo base: S/ ' + parseFloat(sueldo).toFixed(2) + ' (máximo permitido)');
            $('#monto').attr('max', sueldo);
        } else {
            $('#sueldoMaximo').text('');
            $('#monto').removeAttr('max');
        }
    }
    $('#empleado_id').on('change', actualizarSueldoMaximo);
    actualizarSueldoMaximo();
});
</script>
@stop