@extends('layouts.app')

@section('title', 'Add 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.store') }}" method="POST">
        @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 == old('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="{{ old('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="{{ old('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="{{ old('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">Card Deposit</label>
                <div class="col-md-10">
                    <input type="text" id="card_deposit" name="card_deposit" value="{{ old('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">Rental Deposit</label>
                <div class="col-md-10">
                    <input type="text" id="rental_deposit" name="rental_deposit" value="{{ old('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="{{ old('payment_deposit') }}" 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>
                        <option value="1" @selected(old('status') == 1)>Paid</option>
                        <option value="0" @selected(old('status') != 1)>Refund</option>
                    </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="{{ old('refund_date') }}" 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

@push('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        $(document).on('click', '#delete', function (e) {
                e.preventDefault();
                var self = $(this);
                Swal.fire({
                    title: "Are you sure?",
                    text: "You will not be able to recover this record!",
                    icon: "warning",
                    confirmButtonColor: '#276baa',
                    showCancelButton: true,
                    dangerMode: true,
                })
                .then((result) => {
                    if (result.isConfirmed) {
                        self.parents("#deleteForm").submit();
                    }
                });
            });
    </script>
@endpush