@extends('layouts.frontend')

@section('title', 'Bank Account')

@section('content')
    <form action="{{ route('update-info', [auth()->id(), App\Enums\UpdateAction::BANK]) }}" method="POST"
        class="d-flex flex-column justify-content-between" style="height: 100vh">
        @csrf
        @method('PUT')
        <div class="page-content card">
            <h3 class="py-2 text-bg-dark text-center mb-3">

                <div class="nav-button"><a href="{{route('information')}}"><i class="bi bi-arrow-left" style="color:white;float:left;margin-left:15px;"></i></a></div>
                Bank Account
            </h3>
            <div class="row mb-2">
                <label for="name" class="col-5 col-form-label" style="color:#0079b7 !important"> &nbsp;Bank Name</label>
                <div class="col-7">
                    <input type="text" class="form-control border-0 rounded-0" id="name" name="bank_name"
                        value="{{ auth()->user()->member->bank_name??'' }}"
                        @disabled(!empty(auth()->user()->member->bank_name??'')) placeholder="Please Fill In Bank Name">
                </div>
            </div>
            <div class="row mb-2">
                <label for="number" class="col-5 col-form-label" style="color:#0079b7 !important">
                &nbsp;Account Number</label>
                <div class="col-7">
                    @if (auth()->user()->member->bank_number??false)
                    <input type="text" class="form-control border-0 rounded-0" id="number"
                    value="{{ auth()->user()->member->bank_number??'' }}" placeholder="Enter Account Number"
                    @disabled(!empty(auth()->user()->member->bank_number??''))>
                    <input type="hidden" name="bank_number" value="{{auth()->user()->member->bank_number??''}}">
                    @else
                    <input type="text" class="form-control border-0 rounded-0" id="number" name="bank_number"
                    value="{{ auth()->user()->member->bank_number_hide??'' }}" placeholder="Please Fill In Bank Number">
                    @endif
                </div>
            </div>
            <!-- <div class="row mb-2">
                <label for="username" class="col-5 col-form-label" style="color:#0079b7 !important">
                &nbsp;Account Name</label>
                <div class="col-7">
                    @if (auth()->user()->member->bank_username??false)
                    <input type="text" class="form-control border-0 rounded-0 text-uppercase" id="username"
                        value="{{ auth()->user()->member->bank_username??'' }}"
                        @disabled(!empty(auth()->user()->member->bank_username??'')) placeholder="Please Fill In Account Name">    
                        <input type="hidden" name="bank_username" value="{{auth()->user()->member->bank_username??''}}">
                    @else
                        
                    <input type="text" class="form-control border-0 rounded-0" id="username"
                        name="bank_username" value="{{ auth()->user()->member->bank_username??'' }}"
                       placeholder="Enter Bank Username">
                    @endif
                </div>
            </div> -->
            
        </div>
        @if(empty(auth()->user()->member->bank_name??false) && empty(auth()->user()->member->bank_number??false))
        <div class="btn-submit">
            <button type="submit" class="btn btn-success rounded-0 fs-4 mt-auto w-100" style="color:black" onclick="return checkForm();">Submit</button>
        </div>
        @endif
    </form>

    @if (session()->has('success'))
    <x-ms-success :message="session('success')" />
    @endif
    @if (session()->has('warning'))
    <x-ms-success type="warning" :message="session('warning')" />
    @endif
@endsection
@push('scripts')
<script type="text/javascript">
    function checkForm(){
        var er =false;
        if($('input[name="bank_name"]').val()==''){
            er = true;
        }
        // else if($('input[name="bank_username"]').val()==''){
        //     er = true;
        // }
        else if($('input[name="bank_number"]').val()==''){
            er = true;
        }
        if(er) {
            jSuites.notification({
                error: 1,
                name: '',
                message: 'Please Fill Your Information.',
            });
        }
        return !er ;
    }
</script>
@endpush