@extends('admin.partials.layout')
@section('css')
<style>
    .invalid-feedback{
      display: block;
   }
</style>
@endsection

@section('content')
<div class="row page-titles">
    <div class="col-md-5 align-self-center">
        <h4 class="text-themecolor">Create 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" >Create Account Deposit Form</h4>
            </header>
            <div class="card-body">
            <form method="post" action="{{ URL::to('admin/deposit/store') }}">
                @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 selected>Select Account</option>-->
                            <!--@foreach ($accounts as $account)-->
                            <!--    <option value="{{ $account->id }}">{{ $account->account_name }}</option>-->
                            <!--@endforeach-->
                        </select>
                        @error('account_id')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>

                    <!-- Type Selector (Debit/Credit) -->
                    <!--<div class="form-group col-md-6">-->
                    <!--    <label for="type">Transaction Type</label>-->
                    <!--    <select name="type" id="type" class="form-control" required>-->
                    <!--        <option value="" disabled selected>Select Type</option>-->
                    <!--        <option value="debit">Debit</option>-->
                    <!--        <option value="credit">Credit</option>-->
                    <!--    </select>-->
                    <!--    @error('type')-->
                    <!--        <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>
                        @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>
                        @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"></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