@extends('admin.layout.index')
@section('title', 'Ödeme Ayarları')
@section('content')
    <section class="flex flex-col gap-4 bg-[#fcfcfc] border border-gray-300/30 p-7 rounded-lg mb-4">
        <h3 class="text-black text-xl font-semibold"> Tercihler </h3>
        <form action="" class="grid grid-cols-2 gap-4" enctype="multipart/form-data" method="POST">
            {!! $csrf !!}
            <div class="form-item col-span-2">
                <label for="visitor_shopping">Ziyaretçi Alışverişi</label>
                <select name="visitor_shopping" id="visitor_shopping">
                    <option value="0" {{ $preferences->visitor_shopping == '0' ? 'selected' : '' }}> Müşteri üye olmadan alışveriş yapmasın</option>
                    <option value="1" {{ $preferences->visitor_shopping == '1' ? 'selected' : '' }}> Müşteri üye olmadan alışveriş yapsın</option>
                </select>
            </div>
            {{--
            <div class="form-item">
                <label for="phone">Telefon Bilgisi</label>
                <select name="phone" id="phone">
                    <option value="0" {{ $preferences->phone == '0' ? 'selected' : '' }}>İsteğe Bağlı</option>
                    <option value="1" {{ $preferences->phone == '1' ? 'selected' : '' }}>Zorunlu</option>
                </select>
            </div>
            <div class="form-item">
                <label for="distance_selling_contract">Mesafeli Satış Sözleşmesi</label>
                <select name="distance_selling_contract" id="distance_selling_contract">
                    <option value="0" {{ $preferences->distance_selling_contract == '0' ? 'selected' : '' }}>Otomatik Onaylı Gelsin</option>
                    <option value="1" {{ $preferences->distance_selling_contract == '1' ? 'selected' : '' }}>Müşteri Onaylasın</option>
                </select>
            </div>
            <div class="form-item">
                <label for="post_code">Posta Kodu</label>
                <select name="post_code" id="post_code">
                    <option value="0" {{ $preferences->post_code == '0' ? 'selected' : '' }}>İsteğe Bağlı</option>
                    <option value="1" {{ $preferences->post_code == '1' ? 'selected' : '' }}>Zorunlu</option>
                </select>
            </div>
            <div class="form-item">
                <label for="gift_wrap">Hediye Paketi</label>
                <select name="gift_wrap" id="gift_wrap">
                    <option value="1" {{ $preferences->gift_wrap == '1' ? 'selected' : '' }}>Göster</option>
                    <option value="0" {{ $preferences->gift_wrap == '0' ? 'selected' : '' }}>Gizle</option>
                </select>
            </div>
            <div class="form-item">
                <label for="note">Sipariş Notu</label>
                <select name="note" id="note">
                    <option value="1" {{ $preferences->note == '1' ? 'selected' : '' }}>Göster</option>
                    <option value="0" {{ $preferences->note == '0' ? 'selected' : '' }}>Gizle</option>
                </select>
            </div>
            <div class="form-item">
                <label for="identity">Kimlik Numarası</label>
                <select name="identity" id="identity">
                    <option value="0" {{ $preferences->identity == '0' ? 'selected' : '' }}>Gizle</option>
                    <option value="1" {{ $preferences->identity == '1' ? 'selected' : '' }}>Zorunlu</option>
                </select>
            </div>
            --}}
            <div class="col-span-2 flex items-center justify-end gap-2">
                <button class="border border-gray-300 bg-gray-50 hover:bg-gray-200 px-4 py-2 rounded-md" type="reset"> Sıfırla</button>
                <button class="border border-green-300 bg-green-50 hover:bg-green-200 px-4 py-2 rounded-md"> Kaydet</button>
            </div>
        </form>
    </section>
    <section class="relative flex flex-col gap-4 bg-[#fcfcfc] border border-gray-300/30 px-7 pt-14 rounded-lg mb-4" data-role="toggle-content-container">
        <div class="absolute inset-0 h-14 flex items-center justify-between px-7">
            <h3 class="text-black text-xl font-semibold"> Sanal Pos ({{ PAYMENT_INFRASTRUCTURE }}) </h3>
            <div class="custom-toggle">
                <input type="checkbox" id="toggle-1" data-role="toggle-content-input">
                <label for="toggle-1"></label>
            </div>
        </div>
        <div data-role="toggle-content" class="transition-all duration-200 overflow-hidden" style="height: 0">
            <div data-role="toggle-content-original-content">
                <form action="{{ site('admin/payment-settings/pos') }}" class="form-container" enctype="multipart/form-data" method="POST">
                    {!! $csrf !!}
                    <div class="form-item">
                        <label for="status">Durum</label>
                        <select name="status" id="status">
                            <option value="0" {{ $pos->status == 0 ? 'selected' : '' }}> Kapalı </option>
                            <option value="1" {{ $pos->status == 1 ? 'selected' : '' }}> Açık </option>
                        </select>
                    </div>
                    <div class="form-item">
                        <label for="min_basket_amount">Minimum Sepet Tutarı ({{ CURRENCY }})</label>
                        <input type="text" id="min_basket_amount" name="min_basket_amount" value="{{ ($pos_settings !== false) ? $pos_settings->min_basket_amount : '' }}">
                    </div>
                    <div class="form-item">
                        <label for="max_basket_amount">Maksimum Sepet Tutarı ({{ CURRENCY }})</label>
                        <input type="text" id="max_basket_amount" name="max_basket_amount" value="{{ ($pos_settings !== false) ? $pos_settings->max_basket_amount : '' }}">
                    </div>
                    <div class="form-item">
                        <label for="api_key">API_KEY</label>
                        <input type="password" id="api_key" name="api_key" value="{{ ($pos_settings !== false) ? $pos_settings->api_key : '' }}">
                    </div>
                    <div class="form-item">
                        <label for="secret_key">SECRET_KEY</label>
                        <input type="password" id="secret_key" name="secret_key" value="{{ ($pos_settings !== false) ? $pos_settings->secret_key : '' }}">
                    </div>
                    <div class="form-item">
                        <label for="base_url">BASE_URL</label>
                        <input type="password" id="base_url" name="base_url" value="{{ ($pos_settings !== false) ? $pos_settings->base_url : '' }}">
                    </div>
                    <div class="flex items-center justify-end gap-2">
                        <button class="border border-gray-300 bg-gray-50 hover:bg-gray-200 px-4 py-2 rounded-md" type="reset"> Sıfırla</button>
                        <button class="border border-green-300 bg-green-50 hover:bg-green-200 px-4 py-2 rounded-md"> Kaydet</button>
                    </div>
                </form>
            </div>
        </div>
    </section>

    <section class="relative flex flex-col gap-4 bg-[#fcfcfc] border border-gray-300/30 px-7 pt-14 rounded-lg mb-4" data-role="toggle-content-container">
        <div class="absolute inset-0 h-14 flex items-center justify-between px-7">
            <h3 class="text-black text-xl font-semibold"> Kapıda Ödeme </h3>
            <div class="custom-toggle">
                <input type="checkbox" id="toggle-2" data-role="toggle-content-input">
                <label for="toggle-2"></label>
            </div>
        </div>
        <div data-role="toggle-content" class="transition-all duration-200 overflow-hidden" style="height: 0">
            <div data-role="toggle-content-original-content">
                <form action="{{ site('admin/payment-settings/pay-at-the-door') }}" class="form-container" enctype="multipart/form-data" method="POST">
                    {!! $csrf !!}
                    <div class="form-item">
                        <label for="status">Durum</label>
                        <select name="status" id="status">
                            <option value="0" {{ $pay_at_the_door->status == 0 ? 'selected' : '' }}> Kapalı </option>
                            <option value="1" {{ $pay_at_the_door->status == 1 ? 'selected' : '' }}> Açık </option>
                        </select>
                    </div>
                    <div class="form-item">
                        <label for="min_basket_amount">Minimum Sepet Tutarı</label>
                        <input type="text" id="min_basket_amount" name="min_basket_amount" value="{{ ($pay_at_the_door_settings !== false) ? $pay_at_the_door_settings->min_basket_amount : '' }}">
                    </div>
                    <div class="form-item">
                        <label for="max_basket_amount">Maksimum Sepet Tutarı</label>
                        <input type="text" id="max_basket_amount" name="max_basket_amount" value="{{ ($pay_at_the_door_settings !== false) ? $pay_at_the_door_settings->max_basket_amount : '' }}">
                    </div>
                    <div class="flex items-center justify-end gap-2">
                        <button class="border border-gray-300 bg-gray-50 hover:bg-gray-200 px-4 py-2 rounded-md" type="reset"> Sıfırla</button>
                        <button class="border border-green-300 bg-green-50 hover:bg-green-200 px-4 py-2 rounded-md"> Kaydet</button>
                    </div>
                </form>
            </div>
        </div>
    </section>

    <section class="relative flex flex-col gap-4 bg-[#fcfcfc] border border-gray-300/30 px-7 pt-14 rounded-lg" data-role="toggle-content-container">
        <div class="absolute inset-0 h-14 flex items-center justify-between px-7">
            <h3 class="text-black text-xl font-semibold"> Havale / EFT </h3>
            <div class="custom-toggle">
                <input type="checkbox" id="toggle-3" data-role="toggle-content-input">
                <label for="toggle-3"></label>
            </div>
        </div>
        <div data-role="toggle-content" class="transition-all duration-200 overflow-hidden" style="height: 0">
            <div data-role="toggle-content-original-content">
                <form action="{{ site('admin/payment-settings/eft') }}" class="form-container" enctype="multipart/form-data" method="POST">
                    {!! $csrf !!}
                    <div class="form-item">
                        <label for="status">Durum</label>
                        <select name="status" id="status">
                            <option value="0" {{ $eft->status == 0 ? 'selected' : '' }}> Kapalı </option>
                            <option value="1" {{ $eft->status == 1 ? 'selected' : '' }}> Açık </option>
                        </select>
                    </div>
                    <div class="form-item">
                        <label for="min_basket_amount">Minimum Sepet Tutarı</label>
                        <input type="text" id="min_basket_amount" name="min_basket_amount" value="{{ ($eft_settings !== false) ? $eft_settings->min_basket_amount : '' }}">
                    </div>
                    <div class="form-item">
                        <label for="max_basket_amount">Maksimum Sepet Tutarı</label>
                        <input type="text" id="max_basket_amount" name="max_basket_amount" value="{{ ($eft_settings !== false) ? $eft_settings->max_basket_amount : '' }}">
                    </div>
                    <div class="flex items-center justify-end gap-2">
                        <button class="border border-gray-300 bg-gray-50 hover:bg-gray-200 px-4 py-2 rounded-md" type="reset"> Sıfırla</button>
                        <button class="border border-green-300 bg-green-50 hover:bg-green-200 px-4 py-2 rounded-md"> Kaydet</button>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection