@extends('merchant.app')

@section('title', panel_setting_title("Hesap Bilgileri"))

@section('content')
    <main class="mt-120  " id="main">
        <h6 class="my-lg-4 my-0 mb-lg-0 ">Üye İşyeri Adı: TEST (ID: 28343)</h6>
        @include("merchant.Components.statistics")
        <div class="row mt-4">
            <div class="col-12">
                <!--=============== CARD ===============-->
                <div class="card__container-all-page p-3  ">
                    <div class="row">
                        <div class="col-lg-6 col-12 br-1px px-4">
                            <h6 class="my-2">Kullanılabilir Bakiye</h6>
                            <div class="row mt-lg-3 mt-2">
                                <div class="col-lg-4 col-md-6 col-12 mb-3">
                                    <div
                                        class="d-flex align-items-center justify-content-center gap-3 border-shadow p-lg-3 p-4 rounded  border-color-custom ">
                                        <p class="m-0 fw-500 fs-20">79.78 </p>
                                        <div class="orange rounded-circle money-title">₺</div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-12 mb-3">
                                    <div
                                        class="d-flex align-items-center justify-content-center gap-3 border-shadow p-lg-3 p-4 rounded  border-color-custom ">
                                        <p class="m-0 fw-500 fs-20">79.78 </p>
                                        <div class="pink rounded-circle money-title ">$</div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-12 mb-3">
                                    <div
                                        class="d-flex align-items-center justify-content-center gap-3 border-shadow p-lg-3 p-4 rounded  border-color-custom ">
                                        <p class="m-0 fw-500 fs-20">79.78 </p>
                                        <div class="purple rounded-circle money-title">₺</div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-lg-6 col-12 px-4">
                            <h6 class="my-2">Toplam Bakiye </h6>
                            <div class="row mt-lg-3 mt-2">
                                <div class="col-lg-4 col-md-6 col-12 mb-3">
                                    <div
                                        class="d-flex align-items-center justify-content-center gap-3 border-shadow p-lg-3 p-4 rounded  border-color-custom ">
                                        <p class="m-0 fw-500 fs-20">79.78 </p>
                                        <div class="orange rounded-circle money-title">₺</div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-12 mb-3">
                                    <div
                                        class="d-flex align-items-center justify-content-center gap-3 border-shadow p-lg-3 p-4 rounded  border-color-custom ">
                                        <p class="m-0 fw-500 fs-20">79.78 </p>
                                        <div class="pink rounded-circle money-title ">$</div>
                                    </div>
                                </div>
                                <div class="col-lg-4 col-md-6 col-12 mb-3">
                                    <div
                                        class="d-flex align-items-center justify-content-center gap-3 border-shadow p-lg-3 p-4 rounded  border-color-custom ">
                                        <p class="m-0 fw-500 fs-20">79.78 </p>
                                        <div class="purple rounded-circle money-title">₺</div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="tabs-menu-custom">

                        <div class="d-flex flex-lg-row flex-column align-items-start mt-4 ">
                            <div class="nav flex-column nav-pills me-3 mb-lg-0 mb-3" id="v-pills-tab" role="tablist"
                                aria-orientation="vertical">
                                <button class="nav-link active fw-500 text-custom-color text-nowrap" id="v-pills-home-tab"
                                    data-bs-toggle="pill" data-bs-target="#v-pills-home" type="button" role="tab"
                                    aria-controls="v-pills-home" aria-selected="true">Bilgi</button>
                                <button class="nav-link fw-500 text-custom-color text-nowrap" id="v-pills-messages-tab"
                                    data-bs-toggle="pill" data-bs-target="#v-pills-messages" type="button" role="tab"
                                    aria-controls="v-pills-messages" aria-selected="false">Banka
                                    Hesabı</button>
                                <button class="nav-link fw-500 text-custom-color text-nowrap" id="v-pills-settings-tab"
                                    data-bs-toggle="pill" data-bs-target="#v-pills-settings" type="button" role="tab"
                                    aria-controls="v-pills-settings" aria-selected="false">Faturalandırma
                                    Bilgileri</button>
                            </div>
                            <div class="tab-content w-100" id="v-pills-tabContent">
                                <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel"
                                    aria-labelledby="v-pills-home-tab" tabindex="0">
                                    <div class="row px-lg-4">
                                        <div class="col-lg-4 col-12 ">
                                            <div class="mb-2">
                                                <label for="uye-isyeri-adi" class="disabled form-label fw-500">Üye İşyeri
                                                    Adı</label>
                                                <input value="{{auth()->user()->full_name}}" class="form-control" id="disabledInput" type="text" disabled readonly style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 ">
                                            <div class="mb-2">
                                                <label for="uye-isyeri-adi" class="disabled form-label fw-500">Yetkili Kişi Adı</label>
                                                <input class="form-control" id="disabledInput" type="text" placeholder="Test" disabled style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 ">
                                            <div class="mb-2">
                                                <label for="uye-isyeri-adi" class="disabled form-label fw-500">Şirket Tam Adı</label>
                                                <input class="form-control" id="disabledInput" type="text"
                                                    placeholder="Test" disabled style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-2">
                                            <div class="mb-2">
                                                <label for="yetkili-kisi-soyadi" class="disabled form-label fw-500">Yetkili Kişi Soyadı</label>
                                                <input class="form-control" type="text"
                                                    placeholder="Yekili Kişi Soyadı" style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-2 ">
                                            <div class="mb-2">
                                                <label for="website" class="disabled form-label fw-500">Website</label>
                                                <input class="form-control" id="disabledInput" type="text" placeholder="Website" disabled style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-2 ">
                                            <div class="mb-2">
                                                <label for="yetkili-kisi-no" class="disabled form-label fw-500">Yetkili Kişi Numarası</label>
                                                <input class="form-control" id="disabledInput" type="text" placeholder="" disabled style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-2 ">
                                            <div class="mb-2">
                                                <label for="ıs-alani" class="disabled form-label fw-500">İş Alanı</label>
                                                <input class="form-control" id="disabledInput" type="text" disabled style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-2 ">
                                            <div class="mb-2">
                                                <label for="yetkili-kisi-epostai" class="disabled form-label fw-500">Yetkili Kişi E-Posta</label>
                                                <input class="form-control" id="disabledInput" type="text" disabled style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-2 ">
                                            <div class="mb-2">
                                                <label for="ortalama-ciro" class="disabled form-label fw-500">Ortalama Ciro</label>
                                                <input class="form-control" id="disabledInput" type="text" disabled style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-2 ">
                                            <div class="mb-2">
                                                <label for="irtibat-kisisi" class="disabled form-label fw-500">İrtibat Kişisi Adı</label>
                                                <input class="form-control" id="disabledInput" type="text" disabled style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-lg-2 mt-0  mb-3">
                                            <label for="irtibat-kisisi" class="disabled form-label fw-500 invisible">İrtibat Kişisi Adı</label>
                                            <div class="form-floating">
                                                <select class="form-select border-color-custom" disabled id="kurumsalSelect" aria-label="Floating label select example">
                                                    <option selected>Ödeme Metodları</option>
                                                    <option value="1">Dolar</option>
                                                    <option value="2">Euro</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-2 ">
                                            <div class="mb-2">
                                                <label for="irtibatno" class="disabled form-label fw-500">İrtibat Kişisi
                                                    Numarası</label>
                                                <input class="form-control" id="disabledInput" type="text" disabled
                                                    style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-2 ">
                                            <div class="mb-2">
                                                <label for="logo-url" class="disabled form-label fw-500">Logo Url</label>
                                                <input class="form-control" id="disabledInput" type="text" disabled
                                                    style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-2 ">
                                            <div class="mb-2">
                                                <label for="irtibat-kisi-eposta"
                                                    class="disabled form-label fw-500">İrtibat Kişisi
                                                    E-Posta</label>
                                                <input class="form-control" id="disabledInput" type="text" disabled
                                                    style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-lg-2 mt-0  mb-3">
                                            <label for="irtibat-kisisi"
                                                class="disabled form-label fw-500 invisible">İrtibat Kişisi
                                                Adı</label>
                                            <div class="form-floating">
                                                <select class="form-select border-color-custom" disabled
                                                    id="kurumsalSelect" aria-label="Floating label select example">
                                                    <option selected>Üye İşteri Türü</option>
                                                    <option value="1">Dolar</option>
                                                    <option value="2">Euro</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-2 ">
                                            <div class="mb-2">
                                                <label for="basvuru-tarihi" class="disabled form-label fw-500">Başvuru
                                                    Tarihi</label>
                                                <input class="form-control" id="disabledInput" type="text" disabled
                                                    style="padding: 1rem .75rem;">
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-2 ">
                                            <div class="mb-2">
                                                <label for="basvuru-tarihi" class="disabled form-label fw-500">Aktivasyon
                                                    Tarihi</label>
                                                <input class="form-control" id="disabledInput" type="text" disabled
                                                    style="padding: 1rem .75rem;" placeholder="aa">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade" id="v-pills-messages" role="tabpanel"
                                    aria-labelledby="v-pills-messages-tab" tabindex="0">

                                    <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#newModal" class="btn btn-primary" data-modal="addBankModal">
                                        Yeni Hesap Ekle
                                    </a>

                                    <div class="modal fade" id="newModal" tabindex="-1" aria-labelledby="newModalLabel" aria-hidden="true">
                                        <div class="modal-dialog">
                                          <div class="modal-content">
                                            <div class="modal-header">
                                              <h1 class="modal-title fs-5" id="newModalLabel">Banka Hesabı Ekle</h1>
                                              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                            </div>
                                            <form action="{{route('merchant.dashboard.add-bank')}}" method="POST" id="newBank">
                                            @csrf
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                                        <div class="form-floating mb-3">
                                                            <input type="text" class="form-control" value="" id="account_holder_name" name="account_holder_name" required="">
                                                            <label>Hesap Sahibi</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                                        <div class="form-floating">
                                                            <select class="form-control" name="status" required="">
                                                                <option value="1">Aktif</option>
                                                                <option value="0">Etkisiz</option>
                                                            </select>
                                                            <label>Hesap Durumu</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                                        <div class="form-floating mb-3">
                                                            <input type="text" name="branch_name" class="form-control" required="">
                                                            <label>Şube Adı</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                                        <div class="form-floating mb-3">
                                                            <input type="text" name="branch_code" class="form-control" required="">
                                                            <label>Şube Kodu</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                                        <div class="form-floating mb-3">
                                                            <input type="text" name="account_no" class="form-control" required="">
                                                            <label>Hesap No</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                                        <div class="form-floating mb-3">
                                                            <input type="text" name="iban" class="form-control" required="">
                                                            <label>IBAN</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                                        <div class="form-floating mb-3">
                                                            <input type="text" name="swift_code" class="form-control" required="">
                                                            <label>Swift</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            </form>
                                            <div class="modal-footer">
                                              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Kapat</button>
                                              <button type="submit" form="newBank" class="btn btn-primary">Kaydet</button>
                                            </div>
                                          </div>
                                        </div>
                                      </div>

                                    <table class="table align-middle mb-0">
                                        <thead>
                                            <tr class="bg-light border-0">
                                                <th class="border-0 px-4 py-3" style="color: #214a93; font-size: 13px; font-weight: 600;">Banka Hesabı Adı</th>
                                                <th class="border-0 px-4 py-3" style="color: #214a93; font-size: 13px; font-weight: 600;">Durum</th>
                                                <th class="border-0 px-4 py-3" style="color: #214a93; font-size: 13px; font-weight: 600;">IBAN</th>
                                                <th class="border-0 px-4 py-3" style="color: #214a93; font-size: 13px; font-weight: 600;">İşlemler</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($merchantBanks as $bank)
                                                <tr>
                                                    <td>{{ $bank->account_holder_name }}</td>
                                                    <td>
                                                        @if ($bank->status)
                                                            <span class="badge bg-success">Aktif</span>
                                                        @else
                                                            <span class="badge bg-danger">Pasif</span>
                                                        @endif
                                                    </td>
                                                    <td class="font-monospace">{{ $bank->iban }}</td>
                                                    <td class="text-end">
                                                        <div class="btn-group">
                                                            <button class="btn btn-sm btn-primary modalButton editBank"
                                                                data-bs-toggle="modal" data-bs-target="#editModal"
                                                                data-merchantid="{{ $bank->merchant_id }}">
                                                                <i class="ri-pencil-line"></i>
                                                            </button>
                                                            <div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
                                                                <div class="modal-dialog">
                                                                  <div class="modal-content">
                                                                    <div class="modal-header">
                                                                      <h1 class="modal-title fs-5" id="editModalLabel">Banka Hesabı Düzenle</h1>
                                                                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                                    </div>
                                                                    <form action="{{route('merchant.dashboard.bank-update',['id'=>$bank->id])}}" method="POST" id="updateBank{{$bank->id}}">
                                                                    <div class="modal-body">
                                                                        <div class="row">
                                                                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                                                                <div class="form-floating mb-3">
                                                                                    <input type="text" class="form-control" value="{{$bank->account_holder_name}}" id="account_holder_name" name="account_holder_name" required="">
                                                                                    <label>Hesap Sahibi</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                                                                <div class="form-floating">
                                                                                    <select class="form-control" name="status" required="">
                                                                                        <option value="1" @if($bank->status==1) selected @endif>Aktif</option>
                                                                                        <option value="0" @if($bank->status==0) selected @endif>Etkisiz</option>
                                                                                    </select>
                                                                                    <label>Hesap Durumu</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                                                                <div class="form-floating mb-3">
                                                                                    <input type="text" name="branch_name" value="{{$bank->branch_name}}" class="form-control" required="">
                                                                                    <label>Şube Adı</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                                                                <div class="form-floating mb-3">
                                                                                    <input type="text" name="account_no" value="{{$bank->account_no}}" class="form-control" required="">
                                                                                    <label>Hesap No</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                                                                <div class="form-floating mb-3">
                                                                                    <input type="text" name="iban" value="{{$bank->iban}}" class="form-control" required="">
                                                                                    <label>IBAN</label>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-lg-6 col-12 mb-lg-0 mb-3">
                                                                                <div class="form-floating mb-3">
                                                                                    <input type="text" name="swift_code" value="{{$bank->swift_code}}" class="form-control" required="">
                                                                                    <label>Swift</label>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    </form>
                                                                    <div class="modal-footer">
                                                                      <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Kapat</button>
                                                                      <button type="submit" form="updateBank{{$bank->id}}" class="btn btn-primary">Kaydet</button>
                                                                    </div>
                                                                  </div>
                                                                </div>
                                                              </div>
                                                                <button class="btn btn-sm btn-danger"
                                                                    data-bs-toggle="modal" data-bs-target="#deleteModal{{$bank->id}}">
                                                                    <i class="ri-delete-bin-line"></i>
                                                                </button>

                                                                <div class="modal fade" id="deleteModal{{$bank->id}}" tabindex="-1" aria-labelledby="deleteModalLabel{{$bank->id}}" aria-hidden="true">
                                                                    <div class="modal-dialog">
                                                                      <div class="modal-content">
                                                                        <div class="modal-header">
                                                                          <h1 class="modal-title fs-5" id="deleteModalLabel{{$bank->id}}">Banka Hesabı Sil</h1>
                                                                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                                        </div>
                                                                        <form action="{{route('merchant.dashboard.delete-bank',['id'=>$bank->id])}}" method="POST" id="deleteBank{{$bank->id}}">
                                                                        @csrf
                                                                        <div class="modal-body">
                                                                            <p>Silmek istediğinizden emin misiniz?</p>
                                                                        </div>
                                                                        </form>
                                                                        <div class="modal-footer">
                                                                          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Kapat</button>
                                                                          <button type="submit" form="deleteBank{{$bank->id}}" class="btn btn-primary">Sil</button>
                                                                        </div>
                                                                      </div>
                                                                    </div>
                                                                  </div>
                                                            </div>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="4" class="text-center py-4 text-muted">
                                                        Henüz banka hesabı eklenmemiş
                                                    </td>
                                                </tr>
                                            @endforelse
                                        </tbody>
                                    </table>
                                </div>
                                <div class="tab-pane fade" id="v-pills-settings" role="tabpanel"
                                    aria-labelledby="v-pills-settings-tab" tabindex="0">
                                    <div class="row">
                                        <div class="col-lg-4 col-12 my-2">
                                            <div class="form-floating mb-3">
                                                <input type="text" disabled class="form-control border-color-custom" id="adres"
                                                value={{ isset($billing->address_1) ? $billing->address_1 : '' }}>
                                                <label for="adres">Adres</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 my-2">
                                            <div class="form-floating mb-3">
                                                <input type="text" disabled class="form-control border-color-custom" id="adres2"
                                                value={{ isset($billing->address_2) ? $billing->address_2 : '' }} >
                                                <label for="adres2">Adres 2</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 my-2">
                                            <div class="form-floating mb-3">
                                                <input type="text" disabled class="form-control border-color-custom" id="postakod"
                                                value="{{$billing->zip_code}}">
                                                <label for="adres">Posta Kodu</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 my-2">
                                            <div class="form-floating mb-3">
                                                <select name="city_id" id="citySelect" class="form-control" required>
                                                    <option value="">Lütfen Seçiniz</option>
                                                    @if (isset($billing->country_id))
                                                        @foreach ($cities->where('country_id', $billing->country_id) as $item)
                                                            <option value="{{ $item->id }}"
                                                                @if (isset($billing->city_id) && $billing->city_id == $item->id) {{ 'selected' }} @endif>{{ $item->name }}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                                <label for="sehir">Şehir</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 mt-lg-2 mt-0 mb-3">
                                            <div class="form-floating">
                                                <select name="country_id" id="countrySelect" class="form-control" required>
                                                    <option value="">Lütfen Seçiniz</option>
                                                    @foreach ($countries as $item)
                                                        <option value="{{ $item->id }}"
                                                            @if (isset($billing->country_id) && $billing->country_id == $item->id) {{ 'selected' }} @endif>{{ $item->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="ulke">Ülke</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 my-2">
                                            <div class="form-floating mb-3">
                                                <input type="number" disabled class="form-control border-color-custom"
                                                    id="vergino" value="{{$billing->vkn}}">
                                                <label for="vergino">Vergi Numarası</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 my-2 ">
                                            <div class="form-floating mb-3">
                                                <input type="text" disabled class="form-control border-color-custom"
                                                    id="vkn"  value="{{$billing->vkn}}">
                                                <label for="vkn">VKN</label>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-12 my-2">
                                            <div class="form-floating mb-3">
                                                <input type="text" disabled class="form-control border-color-custom"
                                                    id="vergi-dairesi" value="{{$billing->tax_office}}">
                                                <label for="vergi-dairesi">Vergi Dairesi</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>


        </div>

    </main>

@endsection