@extends('layouts.app')

@section('content')
<div class="container">
	<div class="row justify-content-center">
		<div class="col-lg-10">
			<div class="card shadow-sm">
				<div class="card-header bg-dark text-white d-flex justify-content-between align-items-center">
					<span>Editar factura #{{ $bill->id }}</span>
					<a href="{{ route('admin_fit.bill.index') }}" class="btn btn-sm btn-secondary">
						<i class="bi bi-chevron-left"></i>
						Volver
					</a>
				</div>
				<div class="card-body bg-white">
					@if ($errors->any())
						<div class="alert alert-danger">
							<ul class="mb-0">
								@foreach ($errors->all() as $error)
									<li>{{ $error }}</li>
								@endforeach
							</ul>
						</div>
					@endif

					<form method="POST" action="{{ route('admin_fit.bill.update', $bill) }}" id="billForm">
						@csrf
						@method('PUT')

						<div class="row g-3">
							<div class="col-md-3">
								<label for="bill_identifier" class="form-label">Nro factura</label>
								<input
									type="number"
										id="bill_identifier"
										name="bill_identifier"
										class="form-control @error('bill_identifier') is-invalid @enderror"
										value="{{ old('bill_identifier', $bill->bill_identifier) }}"
										min="1"
								>
								@error('bill_identifier')
									<div class="invalid-feedback">{{ $message }}</div>
								@enderror
							</div>

							<div class="col-md-3">
								<label for="status" class="form-label">Estado</label>
								<select id="status" name="status" class="form-select @error('status') is-invalid @enderror" required>
									<option value="pendiente" {{ old('status', $bill->status) === 'pendiente' ? 'selected' : '' }}>Pendiente</option>
									<option value="completada" {{ old('status', $bill->status) === 'completada' ? 'selected' : '' }}>Completada</option>
									<option value="anulada" {{ old('status', $bill->status) === 'anulada' ? 'selected' : '' }}>Anulada</option>
								</select>
								@error('status')
									<div class="invalid-feedback">{{ $message }}</div>
								@enderror
							</div>

							<div class="col-md-6">
								<label for="supplier_search" class="form-label">Proveedor</label>
								<div class="input-group">
									<input
										type="text"
										id="supplier_search"
										class="form-control"
										placeholder="Buscar proveedor por nombre"
										autocomplete="off"
										value="{{ old('supplier_name', $bill->supplier?->supplier_name) }}"
									>
									<button type="button" id="supplierSearchBtn" class="btn btn-outline-secondary">Buscar</button>
									<button type="button" class="btn btn-outline-success" data-bs-toggle="modal" data-bs-target="#quickSupplierModal">
										Nuevo proveedor
									</button>
								</div>

								<input type="hidden" name="supplier_id" id="supplier_id" value="{{ old('supplier_id', $bill->supplier_id) }}">
								<div id="supplierResults" class="list-group mt-2 d-none"></div>
								<div class="form-text" id="supplierSelectedLabel">
									Proveedor seleccionado: {{ old('supplier_name', $bill->supplier?->supplier_name ?? 'Ninguno') }}
								</div>
								@error('supplier_id')
									<div class="text-danger small">{{ $message }}</div>
								@enderror
							</div>

							<div class="col-md-3">
								<label for="total" class="form-label">Total</label>
								<input type="number" id="total" name="total" class="form-control @error('total') is-invalid @enderror" value="{{ old('total', $bill->total) }}" min="0" step="0.01">
								@error('total')
									<div class="invalid-feedback">{{ $message }}</div>
								@enderror
							</div>

							<div class="col-md-3">
								<label for="debt" class="form-label">Deuda</label>
								<input type="number" id="debt" name="debt" class="form-control @error('debt') is-invalid @enderror" value="{{ old('debt', $bill->debt) }}" min="0" step="0.01">
								@error('debt')
									<div class="invalid-feedback">{{ $message }}</div>
								@enderror
							</div>

							<div class="col-md-3">
								<label for="aux_total" class="form-label">Total aux.</label>
								<input type="number" id="aux_total" name="aux_total" class="form-control @error('aux_total') is-invalid @enderror" value="{{ old('aux_total', $bill->aux_total) }}" min="0" step="0.01">
								@error('aux_total')
									<div class="invalid-feedback">{{ $message }}</div>
								@enderror
							</div>

							<div class="col-md-3">
								<label for="aux_debt" class="form-label">Deuda aux.</label>
								<input type="number" id="aux_debt" name="aux_debt" class="form-control @error('aux_debt') is-invalid @enderror" value="{{ old('aux_debt', $bill->aux_debt) }}" min="0" step="0.01">
								@error('aux_debt')
									<div class="invalid-feedback">{{ $message }}</div>
								@enderror
							</div>

							<div class="col-md-4">
								<label for="amount_rate" class="form-label">Monto tasa</label>
								<input type="number" id="amount_rate" name="amount_rate" class="form-control @error('amount_rate') is-invalid @enderror" value="{{ old('amount_rate', $bill->amount_rate) }}" min="0" step="0.01">
								@error('amount_rate')
									<div class="invalid-feedback">{{ $message }}</div>
								@enderror
							</div>

							<div class="col-md-4">
								<label for="expiration_date" class="form-label">Fecha vencimiento</label>
								<input type="date" id="expiration_date" name="expiration_date" class="form-control @error('expiration_date') is-invalid @enderror" value="{{ old('expiration_date', optional($bill->expiration_date)->format('Y-m-d')) }}">
								@error('expiration_date')
									<div class="invalid-feedback">{{ $message }}</div>
								@enderror
							</div>

							<div class="col-md-4">
								<label for="alert_date" class="form-label">Fecha alerta</label>
								<input type="date" id="alert_date" name="alert_date" class="form-control @error('alert_date') is-invalid @enderror" value="{{ old('alert_date', optional($bill->alert_date)->format('Y-m-d')) }}">
								@error('alert_date')
									<div class="invalid-feedback">{{ $message }}</div>
								@enderror
							</div>
						</div>

						<div class="d-flex justify-content-end mt-4">
							<button type="submit" class="btn btn-warning">Actualizar</button>
						</div>
					</form>

					<div class="d-flex justify-content-start mt-3">
						<form method="POST" action="{{ route('admin_fit.bill.destroy', $bill) }}" onsubmit="return confirm('¿Seguro que deseas eliminar esta factura?');">
							@csrf
							@method('DELETE')
							<button type="submit" class="btn btn-danger">Eliminar</button>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="modal fade" id="quickSupplierModal" tabindex="-1" aria-labelledby="quickSupplierModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title" id="quickSupplierModalLabel">Crear proveedor rápido</h5>
				<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
			</div>
			<div class="modal-body">
				<form id="quickSupplierForm">
					<div class="mb-3">
						<label for="quick_supplier_name" class="form-label">Nombre</label>
						<input type="text" id="quick_supplier_name" class="form-control" maxlength="80" required>
					</div>
					<div id="quickSupplierError" class="text-danger small d-none"></div>
					<div class="d-flex justify-content-end">
						<button type="submit" class="btn btn-success">Crear y seleccionar</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
@endsection