@extends('layouts.master')
@section('content')
<div class="card">
    <div class="card-header card-custom-bg d-flex flex-row align-items-center justify-content-between">
        <h5>Create Bank Amount Deposit</h5> <a href="{{ route('bank_deposit.index') }}" class="btn btn-sm btn-primary">View All</a>
    </div>
    @if ($errors->any())
        <div class="alert alert-danger m-3">
            <ul class="m-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <div class="card-body">
        <form method="POST" action="{{ route('bank_deposit.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="row justify-content-center">
                <div class="col-md-6">
                    <div class="form-group">
                        <label for="bank_account_id ">Bank Account <span class="text-danger">*</span></label>
                        <select class="form-control select2 bank_account_id" name="bank_account_id" id="bank_account_id" required>
                            <option value="">-- Select Bank Account --</option>
                            @foreach ($bankAccounts as $bank)
                            <option value="{{$bank->id}}">{{$bank->branch_address}}</option>
                            @endforeach
                        </select>
                        @error('bank_account_id')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>
                    {{-- <div class="form-group">
                        <label for="accounting_head_id">Deposit Type <span class="text-danger">*</span></label>
                        <select class="form-control select2 accounting_head_id" name="accounting_head_id" id="accounting_head_id" required>
                            <option value="">-- Select Deposit Type --</option>
                            @foreach ($accountingHeads as $head)
                            <option value="{{$head->id}}">{{$head->name}}</option>
                            @endforeach
                        </select>
                        @error('accounting_head_id')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div> --}}
                    <div class="form-group">
                        <label for="amount">Amount <span class="text-danger">*</span></label>
                        <input id="amount" type="number" required
                            class="form-control @error('amount') is-invalid @enderror" name="amount"
                            value="{{ old('amount') }}" placeholder="Enter Amount" autofocus>
                        @error('amount')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="transaction_id">Transaction ID</label>
                        <input id="transaction_id" type="text"
                            class="form-control @error('transaction_id') is-invalid @enderror" name="transaction_id"
                            value="{{ old('transaction_id') }}" placeholder="Enter Transaction ID" autofocus>
                        @error('transaction_id')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="check_number">Check Number</label>
                        <input id="check_number" type="text"
                            class="form-control @error('check_number') is-invalid @enderror" name="check_number"
                            value="{{ old('check_number') }}" placeholder="Enter Check Numbr" autofocus>
                        @error('check_number')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="date">Date </label>
                        <input id="date" type="date"
                            class="form-control @error('date') is-invalid @enderror" name="date"
                            value="{{ old('date') ?? date('Y-m-d') }}"  autofocus>
                        @error('date')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="attachment">Attachment</label>
                        <div class="custom-file">
                            <input type="file" name="attachment" class="custom-file-input" id="customFile">
                            <label class="custom-file-label" for="customFile" id="customFileLabel">Choose file</label>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="note">Note</label>
                        <textarea name="note" id="note" class="form-control" rows="3"></textarea>
                        @error('note')
                            <span class="invalid-feedback" role="alert">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="form-group float-right">
                        <a href="{{ route('bank_deposit.index') }}" class="btn btn-secondary ml-2">Cancel</a>
                        <button type="submit" class="btn btn-primary">Create</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

</div>
@endsection