@extends('admin.layouts.app')
@section('title', 'Balance Transfer Create')
@section('container')
    <!-- Page-Title -->
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <div class="float-end">
                    <a href="{{ route('balance_transfer.list') }}" class="btn btn-primary"><i class="ti ti-arrow-back-up me-2"></i>
                        Balance Transfer List</a>
                </div>
                <h4 class="page-title">Add New Balance Transfer</h4>
            </div>
            <!--end page-title-box-->
        </div>
        <!--end col-->
    </div>
    <!-- end page title end breadcrumb -->

    <div class="row">
        @if (session('success'))
            <div class="alert alert-info">
                <ul>
                    {{ session('success') }}
                </ul>
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                <ul>
                    {{ session('error') }}
                </ul>
            </div>
        @endif
    </div>
    {{-- <div class="row">
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div> --}}

    <div class="row">
        <div class="col-lg-12">
            <form method="POST" action="{{ route('balance_transfer.store') }}" class="form" enctype="multipart/form-data">
                @csrf
                <div class="card">

                    <!--end card-header-->
                    <div class="card-body">

                        <div class="row">
                            <div class="col-md-2">
                                <div class="mb-2">
                                    <label for="transfer_type" class="mb-2">Transfer Type <span class="text-danger">*</span></label>
                                    <select class="form-control transfer_type" name="transfer_type">
                                        <option value="">Select Option</option>
                                        <option value="1" {{ old('transfer_type')==1?'selected':'' }}>Cash to Bank</option>
                                        <option value="2" {{ old('transfer_type')==2?'selected':'' }}>Bank to Cash</option>
                                        <option value="3" {{ old('transfer_type')==3?'selected':'' }}>Bank to Bank</option>
                                    </select>
                                    @error('transfer_type')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-3 source_account_bank">
                                <div class="mb-2">
                                    <label for="source_account" class="mb-2">Source Account <span class="text-danger">*</span></label>
                                    <select class="form-control" name="source_account">
                                        <option value="">Select Option</option>
                                        @foreach($banks as $bank)
                                            <option value="{{ $bank->id }}" {{ old('source_account')==$bank->id?'selected':'' }}>{{ $bank->bank_name }}-{{ $bank->branch }}-{{ $bank->ac_number }}</option>
                                        @endforeach
                                    </select>
                                    @error('source_account')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-3 source_account_cash" style="display: none;">
                                <div class="mb-2">
                                    <label for="source_account" class="mb-2">Source Account <span class="text-danger">*</span></label>
                                    <select class="form-control" name="source_account_cash">
                                        <option value="1">Cash</option>
                                    </select>
                                    @error('source_account')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-3 dest_account_bank">
                                <div class="mb-2">
                                    <label for="dest_account" class="mb-2">Destination Account <span class="text-danger">*</span></label>
                                    <select class="form-control" name="dest_account">
                                        <option value="">Select Option</option>
                                        @foreach($banks as $bank)
                                            <option value="{{ $bank->id }}" {{ old('dest_account')==$bank->id?'selected':'' }}>{{ $bank->bank_name }}-{{ $bank->branch }}-{{ $bank->ac_number }}</option>
                                        @endforeach
                                    </select>
                                    @error('dest_account')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-3 dest_account_cash" style="display: none;">
                                <div class="mb-2">
                                    <label for="dest_account" class="mb-2">Destination Account <span class="text-danger">*</span></label>
                                    <select class="form-control" name="dest_account_cash">
                                        <option value="1">Cash</option>
                                    </select>
                                    @error('dest_account')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="mb-2">
                                    <label for="amount" class="mb-2">Amount <span class="text-danger">*</span></label>
                                    <input class="form-control" type="text" id="amount" name="amount"
                                        value="{{ old('amount',0) }}" placeholder="Enter Amount">
                                    @error('amount')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="mb-2">
                                    <label for="date" class="mb-2">Date <span class="text-danger">*</span></label>
                                    <input type="date" name="date" value="{{ old('date',date('Y-m-d')) }}" id="date"
                                        class="form-control">
                                    @error('date')
                                        <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="mb-2">
                                    <label for="notes" class="mb-2">Notes</label>
                                    <input class="form-control" type="text" id="notes" name="notes"
                                           value="{{ old('notes') }}" placeholder="Enter Notes">
                                    @error('notes')
                                    <p class="mt-1 text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="card-footer">
                        <div class="">
                            <button class="btn btn-primary" type="submit">Add Balance Transfer</button>
                        </div>
                    </div>
                    <!--end card-body-->
                </div>
                <!--end card-->


                <!--end card-->
            </form>
            <!--end form-->
        </div> <!-- end col -->
    </div> <!-- end row -->
@endsection
@push('scripts')
    <script>
        $(function () {
           $('.transfer_type').change(function () {
               var transfer_type = $(this).val();
               //alert(transfer_type);
               if(transfer_type == 1){
                   $('.source_account_bank').hide();
                   $('.source_account_cash').show();
               }else if(transfer_type == 2){
                   $('.source_account_bank').show();
                   $('.source_account_cash').hide();
                   $('.dest_account_bank').hide();
                   $('.dest_account_cash').show();
               }else if(transfer_type == 3){
                   $('.source_account_bank').show();
                   $('.source_account_cash').hide();
                   $('.dest_account_bank').show();
                   $('.dest_account_cash').hide();
               }else{
                   $('.source_account_bank').show();
                   $('.source_account_cash').hide();
                   $('.dest_account_bank').show();
                   $('.dest_account_cash').hide();
               }
           });
           $('.transfer_type').trigger('change');
        });
    </script>
@endpush