@extends('layouts.admin')

@section('title', trans('admin.bank_settings_title'))
@section('header_title', trans('admin.bank_settings_header'))

@section('content')
<div class="max-w-3xl mx-auto space-y-6 text-xs">
    <div class="p-6 rounded-2xl bg-navy-900 border border-slate-800 shadow-xl">
        <div class="mb-6 pb-4 border-b border-slate-800">
            <h2 class="text-base font-bold text-white">{{ trans('admin.bank_settings_header') }}</h2>
            <p class="text-slate-400 mt-1 leading-relaxed">{{ trans('admin.bank_settings_desc') }}</p>
        </div>

        <form action="{{ route('admin.bank_settings.update') }}" method="POST" class="space-y-5">
            @csrf
            @method('PUT')

            <div>
                <label class="block font-bold text-slate-300 mb-1.5">{{ trans('admin.bank_iban') }} *</label>
                <input type="text" name="bank_iban" value="{{ old('bank_iban', $bank['iban']) }}" required
                       placeholder="SA3710000070500000712608"
                       class="w-full rounded-xl bg-navy-950 border border-slate-700 text-slate-100 p-3 code-font focus:border-emerald-500 focus:outline-none transition">
            </div>

            <div>
                <label class="block font-bold text-slate-300 mb-1.5">{{ trans('admin.bank_beneficiary') }} *</label>
                <input type="text" name="bank_beneficiary" value="{{ old('bank_beneficiary', $bank['beneficiary']) }}" required
                       class="w-full rounded-xl bg-navy-950 border border-slate-700 text-slate-100 p-3 focus:border-emerald-500 focus:outline-none transition">
            </div>

            <div>
                <label class="block font-bold text-slate-300 mb-1.5">{{ trans('admin.bank_name') }} *</label>
                <input type="text" name="bank_name" value="{{ old('bank_name', $bank['bank_name']) }}" required
                       class="w-full rounded-xl bg-navy-950 border border-slate-700 text-slate-100 p-3 focus:border-emerald-500 focus:outline-none transition">
            </div>

            <div>
                <label class="block font-bold text-slate-300 mb-1.5">{{ trans('admin.bank_notes') }}</label>
                <textarea name="bank_notes" rows="3"
                          class="w-full rounded-xl bg-navy-950 border border-slate-700 text-slate-100 p-3 focus:border-emerald-500 focus:outline-none transition resize-none">{{ old('bank_notes', $bank['notes']) }}</textarea>
            </div>

            <div class="pt-4 border-t border-slate-800 flex justify-end">
                <button type="submit" class="px-6 py-2.5 rounded-xl bg-emerald-600 hover:bg-emerald-700 text-white font-bold transition shadow-lg shadow-emerald-500/20 flex items-center gap-2">
                    <i class="fa-solid fa-floppy-disk"></i>
                    {{ trans('admin.bank_settings_save') }}
                </button>
            </div>
        </form>
    </div>
</div>
@endsection