@extends('layouts.app')

@section('title', 'Edit Deposit')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="page-header mb-0">Deposits Management</h1>
</div>
<div class="panel panel-inverse border-0">
    <div class="panel-heading">Edit Deposits</div>
    <form action="{{ route('deposit.update', $deposit->id) }}" method="POST">
        @method('PUT')
        @csrf
        <div class="panel-body">
            <div class="row my-4">
                <label for="site_id" class="col-form-label col-md-2">Site Name <span class="text-danger">*</span></label>
                <div class="col-md-10">
                    <select name="site_id" id="site_id" class="form-select @error('site_id') is-invalid @enderror">
                        <option value="">Select Site</option>
                        @foreach ($sites as $site)
                            <option value="{{ $site->site_id }}" @selected($site->site_id == $deposit->site_id)>{{ $site->name }}</option>
                        @endforeach
                    </select>
                    @error('site_id')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="row mb-4">
                <label for="card_no" class="col-form-label col-md-2">Card No. <span class="text-danger">*</span></label>
                <div class="col-md-10">
                    <input type="text" id="card_no" name="card_no" value="{{ $deposit->card_no }}" class="form-control @error('card_no') is-invalid @enderror">
                    @error('card_no')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="row mb-4">
                <label for="account_no" class="col-form-label col-md-2">Account No.</label>
                <div class="col-md-10">
                    <input type="text" id="account_no" name="account_no" value="{{ $deposit->account_no }}" class="form-control @error('account_no') is-invalid @enderror">
                    @error('account_no')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="row mb-4">
                <label for="name" class="col-form-label col-md-2">Name <span class="text-danger">*</span></label>
                <div class="col-md-10">
                    <input type="text" id="name" name="name" value="{{ $deposit->name }}" class="form-control @error('name') is-invalid @enderror">
                    @error('name')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="row mb-4">
                <label for="card_deposit" class="col-form-label col-md-2">Rental Deposit</label>
                <div class="col-md-10">
                    <input type="text" id="card_deposit" name="card_deposit" value="{{ $deposit->card_deposit }}" class="form-control @error('card_deposit') is-invalid @enderror">
                    @error('card_deposit')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="row mb-4">
                <label for="rental_deposit" class="col-form-label col-md-2">Card Deposit</label>
                <div class="col-md-10">
                    <input type="text" id="rental_deposit" name="rental_deposit" value="{{ $deposit->rental_deposit }}" class="form-control @error('rental_deposit') is-invalid @enderror">
                    @error('rental_deposit')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="row mb-4">
                <label for="payment_deposit" class="col-form-label col-md-2">Payment Date</label>
                <div class="col-md-10">
                    <input type="date" id="payment_deposit" name="payment_deposit" value="{{ $deposit->payment_deposit ? $deposit->payment_deposit->format('Y-m-d') : '' }}" class="form-control @error('payment_deposit') is-invalid @enderror">
                    @error('payment_deposit')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="row my-4">
                <label for="status" class="col-form-label col-md-2">Status <span class="text-danger">*</span></label>
                <div class="col-md-10">
                    <select name="status" id="status" class="form-select @error('status') is-invalid @enderror">
                        <option value="">Select Status</option>
                        @foreach(\App\Models\Traits\Enum\DepositStatus::cases() as $status)
                            <option value="{{ $status->value }}" @selected(old('status', $deposit->status->value == $status->value))>
                                {{ $status->label() }}
                            </option>
                        @endforeach
                    </select>
                    @error('status')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </div>
            <div class="row mb-4">
                <label for="refund_date" class="col-form-label col-md-2">Refund Date</label>
                <div class="col-md-10">
                    <input type="date" id="refund_date" name="refund_date" value="{{ $deposit->refund_date ? $deposit->refund_date->format('Y-m-d') : '' }}" class="form-control @error('refund_date') is-invalid @enderror">
                    @error('refund_date')
                        <span class="invalid-feedback" role="alert">{{ $message }}</span>
                    @enderror
                </div>
            </div>
        </div>
        <div class="panel-footer text-end">
            <a href="{{ url()->previous() }}" class="btn btn-white">Back</a>
            <button type="submit" class="btn btn-primary">Confirm Changes</button>
        </div>
    </form>
</div>
@endsection