@extends('layouts.admin')

@section('content')
    <style>
        .select2-container--default .select2-selection--single {
            border: 0;
        }
    </style>
    <div class="row mb-3">
        <div class="col-md-6">
            <h4 id="page_title">Pengaturan</h4>
        </div>
    </div>
    <div class="card">
        <div class="card-body">
            <form action="{{ route('koperasi.pengaturan.save') }}" method="post">
                @csrf
                <table class="table table-bordered table-hover table-sm">
                    <thead>
                    <tr>
                        <th>Nama</th>
                        <th>Debit</th>
                        <th>Kredit</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($list_pengaturan as $pengaturan)
                        <tr>
                            <td class="align-middle">{{ $pengaturan->nama ?? '' }}</td>
                            @if(($pengaturan->nama ?? '') == 'Akun Kas Utama')
                                <td class="p-0 vertical-middle align-middle" colspan="2">
                                    <x-select name="kredit_{{ \Illuminate\Support\Str::slug($pengaturan->nama) }}" class="select2" :options="$akun" caption="-Pilih Akun-" :value="$pengaturan->kredit_id ?? ''" />
                                </td>
                            @else
                            <td class="p-0 vertical-middle align-middle">
                                <x-select name="debit_{{ \Illuminate\Support\Str::slug($pengaturan->nama) }}" class="select2" :options="$akun" caption="-Pilih Akun-" :value="$pengaturan->debit_id ?? ''" />
                            </td>
                            <td class="p-0 vertical-middle align-middle">
                                <x-select name="kredit_{{ \Illuminate\Support\Str::slug($pengaturan->nama) }}" class="select2" :options="$akun" caption="-Pilih Akun-" :value="$pengaturan->kredit_id ?? ''" />
                            </td>
                            @endif
                        </tr>
                    @endforeach
                    </tbody>
                </table>

                <button type="submit" class="btn btn-block btn-primary mt-3">Simpan</button>
            </form>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        let _token = '{{ csrf_token() }}';
        init_form_element();
    </script>
@endpush