@extends('layouts.frontend-master')
@section('title', 'Bank Info')
@push('style')
    <style>

    </style>
@endpush
@php
    $user = auth()->user()->member;
@endphp
@section('content')
    {{-- @if (!request()->has('action'))
        <div class="max-w-lg mx-auto my-4">
            <div class="arco-card arco-card-size-medium bg-primary-linear rounded-lg mt-4">
                <div class="arco-card-header">
                    <div class="arco-card-header-title">
                        <h1 class="card-title">Beneficiary information</h1>
                    </div><!---->
                </div><!---->
                <div class="arco-card-body">
                    <div class="arco-descriptions arco-descriptions-layout-horizontal arco-descriptions-size-medium">
                        <div class="arco-descriptions-title">Bank account</div>
                        <div class="arco-descriptions-body">
                            <table class="arco-descriptions-table">
                                <tbody>
                                    <tr class="arco-descriptions-row">
                                        <td class="arco-descriptions-item-label arco-descriptions-item-label-block"
                                            style="text-align: left;">Bank Name</td>
                                        <td class="arco-descriptions-item-value arco-descriptions-item-value-block"
                                            colspan="1" style="text-align: left;">{{$user->bank_name??''}}</td>
                                    </tr>
                                    <tr class="arco-descriptions-row">
                                        <td class="arco-descriptions-item-label arco-descriptions-item-label-block"
                                            style="text-align: left;">Account Number</td>
                                        <td class="arco-descriptions-item-value"
                                            colspan="1" style="text-align: left;">
                                            <div class="flex items-center space-x-4"><span>{{$user->bank_number??''}}</span>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <a href="{{ route('bank.info', ['action' => 'edit']) }}"
                                style="text-align: center;background:blue;padding:7px 0;border-radius:20px;color:white;width:100%;display:inline-block;">Edit</a>
                        </div>
                    </div><!---->
                </div>
            </div>
        </div>
    @else --}}
    <div class="max-w-lg mx-auto mt-4">
        <h1 class="text-2xl mb-4 bg-primary-linear text-white px-2 py-2 rounded-lg font-bold">
            Fill your information
        </h1>
        <form class="arco-form arco-form-layout-vertical arco-form-size-medium" method="post"
            action="{{ route('update-info', [auth()->id(), App\Enums\UpdateAction::BANK]) }}">
            @csrf
            @method('PUT')
            <div class="arco-form-item-wrapper-col">
                <div class="arco-form-item-content-wrapper">
                    <div class="arco-form-item-content arco-form-item-content-flex">
                        <h3 class="text-lg font-medium">
                            Beneficiary Bank Information
                        </h3>
                    </div>
                </div>
                <!--v-if--><!--v-if-->
            </div>
            <div class="arco-row-align-start arco-row-justify-start arco-form-item arco-form-item-layout-vertical">
                <div class="arco-form-item-label-col">
                    <label class="arco-form-item-label"><!--v-if-->Bank Name<!--v-if--><!--v-if-->
                    </label>
                </div>
                <div class="arco-form-item-wrapper-col" id="bank_name">
                    <div class="arco-form-item-content-wrapper">
                        <div class="arco-form-item-content arco-form-item-content-flex">
                            <span class="arco-input-wrapper"><!----><input name="bank_name" @disabled(!empty($user->bank_name))
                                    class="arco-input arco-input-size-medium" type="text"
                                    value="{{ $user->bank_name ?? '' }}" /><!----><!----></span>
                        </div>
                    </div>
                    <!--v-if--><!--v-if-->
                </div>
            </div>
            <div class="arco-row-align-start arco-row-justify-start arco-form-item arco-form-item-layout-vertical">
                <div class="arco-form-item-label-col">
                    <label class="arco-form-item-label"><!--v-if-->Bank Account Name<!--v-if--><!--v-if-->
                    </label>
                </div>
                <div class="arco-form-item-wrapper-col" id="bank_username">
                    <div class="arco-form-item-content-wrapper">
                        <div class="arco-form-item-content arco-form-item-content-flex">
                            <span class="arco-input-wrapper"><!----><input name="bank_username" @disabled(!empty($user->bank_username))
                                    class="arco-input arco-input-size-medium" type="text"
                                    value="{{ $user->bank_username ?? '' }}" /><!----><!----></span>
                        </div>
                    </div>
                    <!--v-if--><!--v-if-->
                </div>
            </div>
            <div class="arco-row-align-start arco-row-justify-start arco-form-item arco-form-item-layout-vertical">
                <div class="arco-form-item-label-col">
                    <label class="arco-form-item-label"><!--v-if-->Bank Account No<!--v-if--><!--v-if-->
                    </label>
                </div>
                <div class="arco-form-item-wrapper-col" id="bank_account">
                    <div class="arco-form-item-content-wrapper">
                        <div class="arco-form-item-content arco-form-item-content-flex">
                            <span class="arco-input-wrapper"><!----><input name="bank_number" @disabled(!empty($user->bank_number)) onpaste="return false;"
                                    class="arco-input arco-input-size-medium" type="text"
                                    value="{{ $user->bank_number ?? '' }}" /><!----><!----></span>
                        </div>
                    </div>
                    <!--v-if--><!--v-if-->
                </div>
            </div>
            <div class="arco-row-align-start arco-row-justify-start arco-form-item arco-form-item-layout-vertical">
                <div class="arco-form-item-label-col">
                    <label class="arco-form-item-label"><!--v-if--><!--v-if--><!--v-if-->
                    </label>
                </div>

                <div class="arco-space arco-space-vertical arco-space-fill">
                    <!---->
                    <div class="arco-space-item">
                        <button
                            class="arco-btn arco-btn-primary-linear arco-btn-shape-square arco-btn-size-medium arco-btn-status-normal w-full"
                            type="submit">
                            <!--v-if-->Submit
                        </button>
                    </div>
                </div>
            </div>
        </form>
    </div>
    {{-- @endif --}}
@endsection