@extends('admin.dashboard.layouts.app')


@section('title', panel_setting_title("Başvuru Ekle"))



@push('style-libraries')
    <!-- Feather CSS -->
    <link rel="stylesheet" href="{{ asset('dashboard/plugins/feather/feather.css') }}">
    <!-- Datepicker CSS -->
    <link rel="stylesheet" href="{{ asset('dashboard/css/bootstrap-datetimepicker.min.css') }}">
    <!-- Datatables CSS -->
    <link rel="stylesheet" href="{{ asset('dashboard/plugins/datatables/datatables.min.css') }}">
    <link rel="stylesheet" href="{{ asset("dashboard/css/dashboard.css") }}">
@endpush



@push('styles')
@endpush

@section('content')
    <div class="page-wrapper bg-light">
        <div class="content container-fluid py-4">
            <!-- Page Header -->
            <div class=" card rounded-3    ">
                <div class="card-body p-4">
                    <div class="row align-items-center">
                        <div class="col-lg-8">
                            <!-- Title and Icon -->
                            <div class="d-flex align-items-center mb-2">
                                <div class="  rounded-3 p-2 me-3 svg-icon-bg">
                                    <i class="fas fa-users svg-icon fs-4"></i>
                                </div>
                                <div>
                                    <h1 class=" fs-3  mb-0 text-white-primary-color">Başvuru ekle</h1>
                                    <nav aria-label="breadcrumb">
                                        <ol class="breadcrumb mb-2">
                                            <li class="breadcrumb-item">
                                                <a href="#"
                                                    class=" text-white-primary-color text-opacity-75 text-decoration-none d-flex align-items-center">
                                                    Üye İşyeri Başvuru </a>
                                            </li>
                                            <li class="text-white-primary-color breadcrumb-item  text-opacity-75 active"
                                                aria-current="page">
                                                Yeni Başvuru Ekle</li>
                                        </ol>
                                    </nav>
                                </div>
                            </div>
                        </div>
                        <!-- Action Button -->
                        {{-- <div class="col-lg-4 text-lg-end mt-3 mt-lg-0">
                                    <a href="{{ route('admin.dashboard.user-management.user-create') }}"
                                        class="btn btn-yellow-custom d-inline-flex align-items-center gap-2">
                                        <i class="fas fa-plus-circle"></i>
                                        <span>Yeni Kullanıcı</span>
                                    </a>
                                </div> --}}
                    </div>
                </div>
            </div>
            <!-- Page Header -->


            <form action="" method="post">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control " name="merchant_name"
                                        placeholder="Üye işyeri adını giriniz">
                                    <label class="form-label  mb-2">Üye İşyeri Adı <span
                                            class="text-danger">*</span></label>
                                </div>

                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control " name="company_name"
                                        placeholder="Tabela adını giriniz">
                                    <label class="form-label  mb-2">Tabela Adı <span
                                            class="text-danger">*</span></label>
                                </div>

                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control " name="website"
                                        placeholder="https://example.com">
                                    <label class="form-label  mb-2">Site URL'si</label>
                                </div>

                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control " name="auth_person_name"
                                        placeholder="Yetkili kişi adını giriniz">
                                    <label class="form-label  mb-2">Yetkili Kişi Adı <span
                                            class="text-danger">*</span></label>
                                </div>

                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="email" class="form-control " name="auth_person_email"
                                        placeholder="ornek@email.com">
                                    <label class="form-label  mb-2">Yetkili Kişi E-Posta <span
                                            class="text-danger">*</span></label>
                                </div>

                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control  phone_number_mask" name="auth_person_phone"
                                        placeholder="(5XX) XXX XX XX">
                                    <label class="form-label  mb-2">Yetkili Kişi Numarası <span
                                            class="text-danger">*</span></label>
                                </div>

                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control " name="address" placeholder="Adres giriniz">
                                    <label class="form-label  mb-2">Adres</label>
                                </div>

                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control " name="zip_code" placeholder="XXXXX">
                                    <label class="form-label  mb-2">Posta Kodu</label>
                                </div>

                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <select class="form-select " name="city_id" id="citySelect">
                                    </select>
                                    <label class="form-label  mb-2">Şehir <span
                                            class="text-danger">*</span></label>
                                </div>
                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <select class="form-select " name="country_id" id="countrySelect">
                                        @foreach ($countries as $country)
                                            <option value="{{ $country->id }}">{{ $country->name }}</option>
                                        @endforeach
                                    </select>
                                    <label class="form-label  mb-2">Ülke <span
                                            class="text-danger">*</span></label>
                                </div>
                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control " name="tax_office"
                                        placeholder="Vergi dairesi giriniz">
                                    <label class="form-label  mb-2">Vergi Dairesi</label>
                                </div>

                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control " name="tax_number"
                                        placeholder="Vergi kimlik numarası">
                                    <label class="form-label  mb-2">VKN</label>
                                </div>
                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control " name="business_area"
                                        placeholder="İş alanını giriniz">
                                    <label class="form-label  mb-2">İş Alanı</label>
                                </div>
                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control " name="expected_volume"
                                        placeholder="Beklenen hacmi giriniz">
                                    <label class="form-label  mb-2">Beklenen Hacim <span
                                            class="text-danger">*</span></label>
                                </div>
                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <select class="form-select " name="paymentReceiveOptions">
                                        <option value="1">Kredi Kartı</option>
                                        <option value="2">Mobil Ödeme</option>
                                        <option value="3">{{ panel_setting_item('brand_name') }} Wallet</option>
                                    </select>
                                    <label class="form-label  mb-2">Ödeme Alma Ayarları <span
                                            class="text-danger">*</span></label>
                                </div>
                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control " name="contract_person_name"
                                        placeholder="İrtibat kişisi adını giriniz">
                                    <label class="form-label  mb-2">İrtibat Kişisi Adı</label>
                                </div>
                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="email" class="form-control " name="contract_person_email"
                                        placeholder="ornek@email.com">
                                    <label class="form-label  mb-2">İrtibat Kişisi E-Posta</label>
                                </div>
                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="text" class="form-control  phone_number_mask"
                                        name="contract_person_phone" placeholder="(5XX) XXX XX XX">
                                    <label class="form-label  mb-2">İrtibat Kişisi Numarası</label>
                                </div>
                            </div>
                            <div class="col-lg-3 col-mb-6 col-12 mb-3">
                                <div class="form-floating">
                                    <input type="date" class="form-control " name="application_date">
                                    <label class="form-label  mb-2">Başvuru Tarihi</label>
                                </div>
                            </div>
                            <div class="col-lg-12 mt-4 text-end justify-content-end align-items-end">
                                <button type="submit" class="btn btn-primary-custom btn-lg w-30 py-3 rounded-3">
                                    <i class="fas fa-save me-2"></i>Kaydet
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
    <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>

@endsection


@push('script-libraries')
    <!-- Feather Icon JS -->
    <script src="{{ asset('dashboard/js/feather.min.js') }}"></script>
    <!-- Slimscroll JS -->
    <script src="{{ asset('dashboard/plugins/slimscroll/jquery.slimscroll.min.js') }}"></script>
    <!-- Chart JS -->
    <script src="{{ asset('dashboard/plugins/apexchart/apexcharts.min.js') }}"></script>
    <script src="{{ asset('dashboard/plugins/apexchart/chart-data.js') }}"></script>
    <script>
        $(document).ready(function() {
            $("#countrySelect").change(function() {
                var country_id = $(this).val();
                var csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
                $.ajax({
                    'url': "get-cities",
                    'data': {
                        'country_id': country_id,
                        '_token': csrfToken
                    },
                    'method': 'POST',
                    'success': function(data) {
                        $.each(data, function(index, item) {
                            $("#citySelect").append("<option value='" + item.id +
                                "''>" + item.name + "</option>");
                        });
                    }
                });
            });
        });
    </script>
@endpush

@push('scripts')
@endpush