@extends('admin.partials.layout')
@section('css')
    
<style>

    .error{
        color:red;
    }
</style>
@endsection

@section('content')
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h4 class="text-themecolor">Edit Account Deposit
        </h4>
    </div>
    <div class="col-md-7 align-self-center text-end">
        <div class="d-flex justify-content-end align-items-center">
            <ol class="breadcrumb justify-content-end">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
                <li class="breadcrumb-item active">Account Deposit</li>
            </ol>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12">
        <section class="card">
            <header class="card-header bg-info">
                <h4 class="mb-0 text-white" >Edit Account Deposit</h4>
            </header>
                <div class="card-body">
                  <form method="post" action="{{ URL::to('admin/deposit/update/' . Crypt::encryptString($deposit->id)) }}">
                    @csrf
                    
                    <div class="row">
                
                        <!-- Bank Account Selector -->
                        <div class="form-group col-md-4">
                            <label for="account_id">Select Bank Account</label>
                            <select name="account_id" id="account_id" class="form-control account" required>
                                <option value="" disabled>Select Account</option>
                                @foreach ($accounts as $account)
                                    <option value="{{ $account->id }}" 
                                        {{ $deposit->account_id == $account->id ? 'selected' : '' }}>
                                        {{ $account->account_name }}
                                    </option>
                                @endforeach
                            </select>
                            @error('account_id')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                
                        <!-- Date & Time -->
                        <div class="form-group col-md-4">
                            <label for="date_time">Date & Time</label>
                            <input type="datetime-local" name="date_time" id="date_time" 
                                   class="form-control" required
                                   value="{{ \Carbon\Carbon::parse($deposit->date_time)->format('Y-m-d\TH:i') }}">
                            @error('date_time')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                
                        <!-- Amount -->
                        <div class="form-group col-md-4">
                            <label for="amount">Amount</label>
                            <input type="number" name="amount" id="amount" 
                                   class="form-control" step="0.01" min="0" required
                                   value="{{ $deposit->amount }}">
                            @error('amount')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                
                        <!-- Description -->
                        <div class="form-group col-md-12">
                            <label for="description">Description</label>
                            <textarea name="description" id="description" class="form-control" rows="3">{{ $deposit->description }}</textarea>
                            @error('description')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                
                         <div class="form-group col-md-12 text-left">
                            <button type="submit" class="btn btn-info">Submit</button>
                        </div>
                
                    </div>
                </form>

            </div>
        </section>
    </div>
</div>
@endsection

@section('js')
    
@endsection