@extends('layouts.app')

@section('content')
<div class="max-w-4xl px-4 py-8 mx-auto sm:px-6 lg:px-8">
    {{-- BREADCRUMB --}}
    <nav class="flex py-2 mb-6" aria-label="Breadcrumb">
        <ol role="list" class="flex items-center space-x-4 uppercase">
            <li>
                <div>
                    <a href="{{ route('dashboard') }}" class="text-sm text-stone-400 hover:text-stone-500">
                        <svg class="flex-shrink-0 w-5 h-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                            <path fill-rule="evenodd"
                                d="M9.293 2.293a1 1 0 011.414 0l7 7A1 1 0 0117 11h-1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-3a1 1 0 00-1-1H9a1 1 0 00-1 1v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-6H3a1 1 0 01-.707-1.707l7-7z"
                                clip-rule="evenodd" />
                        </svg>
                        <span class="sr-only">Dashboard</span>
                    </a>
                </div>
            </li>
            <li>
                <div class="flex items-center">
                    <svg class="flex-shrink-0 w-5 h-5 text-stone-400" viewBox="0 0 20 20" fill="currentColor"
                        aria-hidden="true">
                        <path fill-rule="evenodd"
                            d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
                            clip-rule="evenodd" />
                    </svg>
                    <a href="{{ route('bank-accounts') }}"
                        class="ml-4 text-sm text-stone-400 hover:text-stone-500">Varlıklar</a>
                </div>
            </li>
            <li>
                <div class="flex items-center">
                    <svg class="flex-shrink-0 w-5 h-5 text-stone-400" viewBox="0 0 20 20" fill="currentColor"
                        aria-hidden="true">
                        <path fill-rule="evenodd"
                            d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
                            clip-rule="evenodd" />
                    </svg>
                    <a href="{{ route('bank-accounts.show', $bankAccount->id) }}"
                        class="ml-4 text-sm text-stone-400 hover:text-stone-500">{{ $bankAccount->name }}</a>
                </div>
            </li>
            <li>
                <div class="flex items-center">
                    <svg class="flex-shrink-0 w-5 h-5 text-stone-400" viewBox="0 0 20 20" fill="currentColor"
                        aria-hidden="true">
                        <path fill-rule="evenodd"
                            d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z"
                            clip-rule="evenodd" />
                    </svg>
                    <a href="#" class="ml-4 text-sm font-medium text-stone-500" aria-current="page">Düzenle</a>
                </div>
            </li>
        </ol>
    </nav>

    <div class="overflow-hidden bg-white shadow-sm ring-1 ring-stone-900/5 sm:rounded-xl">
        <div class="px-6 py-4 bg-gradient-to-b from-stone-600 to-stone-500">
            <h2 class="text-xl font-semibold text-white">Hesap Bilgilerini Düzenle</h2>
        </div>

        <form action="{{ route('bank-accounts.update', $bankAccount->id) }}" method="POST" class="p-6">
            @csrf
            @method('PUT')

            <div class="grid grid-cols-1 gap-6 sm:grid-cols-2">
                <div>
                    <label for="name" class="block text-sm font-medium text-stone-900">Hesap Adı</label>
                    <div class="mt-2">
                        <input type="text" name="name" id="name" value="{{ old('name', $bankAccount->name) }}"
                            class="block w-full rounded-md border-0 py-1.5 text-stone-900 shadow-sm ring-1 ring-inset ring-stone-300 placeholder:text-stone-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
                        @error('name')
                        <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                </div>

                <div>
                    <label for="iban" class="block text-sm font-medium text-stone-900">IBAN</label>
                    <div class="mt-2">
                        <input type="text" name="iban" id="iban" value="{{ old('iban', $bankAccount->iban) }}"
                            class="block w-full rounded-md border-0 py-1.5 text-stone-900 shadow-sm ring-1 ring-inset ring-stone-30 placeholder:text-stone-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
                        @error('iban')
                        <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                </div>

                <div>
                    <label for="type" class="block text-sm font-medium text-stone-900">Hesap Türü</label>
                    <div class="mt-2">
                        <select id="type" name="type"
                            class="block w-full rounded-md border-0 py-1.5 text-stone-900 shadow-sm ring-1 ring-inset ring-stone-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
                            <option value="bank_account" {{ $bankAccount->type == 'bank_account' ? 'selected' : '' }}>
                                Banka Hesabı</option>
                            <option value="cash_vault" {{ $bankAccount->type == 'cash_vault' ? 'selected' : '' }}>
                                Nakit Kasası</option>
                            <option value="credit_card" {{ $bankAccount->type == 'credit_card' ? 'selected' : '' }}>
                                Kredi Kartı</option>
                        </select>
                        @error('type')
                        <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                </div>

                <div>
                    <label for="currency" class="block text-sm font-medium text-stone-900">Para Birimi</label>
                    <div class="mt-2">
                        <select id="currency" name="currency"
                            class="block w-full rounded-md border-0 py-1.5 text-stone-900 shadow-sm ring-1 ring-inset ring-stone-30 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
                            <option value="TRY" {{ $bankAccount->currency == 'TRY' ? 'selected' : '' }}>TRY</option>
                            <option value="USD" {{ $bankAccount->currency == 'USD' ? 'selected' : '' }}>USD</option>
                            <option value="EUR" {{ $bankAccount->currency == 'EUR' ? 'selected' : '' }}>EUR</option>
                            <option value="GBP" {{ $bankAccount->currency == 'GBP' ? 'selected' : '' }}>GBP</option>
                        </select>
                        @error('currency')
                        <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                </div>

                <div class="sm:col-span-2">
                    <label for="company_id" class="block text-sm font-medium text-stone-900">İlişkili Şirket</label>
                    <div class="mt-2">
                        <select id="company_id" name="company_id"
                            class="block w-full rounded-md border-0 py-1.5 text-stone-900 shadow-sm ring-1 ring-inset ring-stone-300 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
                            <option value="">Seçiniz</option>
                            @foreach($companies as $company)
                            <option value="{{ $company->id }}" {{ $bankAccount->company_id == $company->id ? 'selected'
                                : '' }}>
                                {{ $company->name }}
                            </option>
                            @endforeach
                        </select>
                        @error('company_id')
                        <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="flex justify-end mt-8 space-x-3">
                <a href="{{ route('bank-accounts.show', $bankAccount->id) }}"
                    class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                    İptal
                </a>
                <button type="submit"
                    class="inline-flex items-center px-4 py-2 text-sm font-medium text-white bg-indigo-600 border border-transparent rounded-md shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                    Güncelle
                </button>
            </div>
        </form>
    </div>
</div>
@endsection