@extends('company.app')
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="row">
            <div class="col-md-12">
                <div class="nav-align-top">
                    <ul class="nav nav-pills flex-column flex-md-row mb-6 gap-md-0 gap-2">
                        <li class="nav-item">
                            <a class="nav-link active" href="javascript:void(0);"
                            ><i class="icon-base ti tabler-users icon-sm me-1_5"></i> Hesap</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="pages-account-settings-security.html"
                            ><i class="icon-base ti tabler-lock icon-sm me-1_5"></i> Güvenlik</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="pages-account-settings-billing.html"
                            ><i class="icon-base ti tabler-bookmark icon-sm me-1_5"></i> Fatura ve Ödeme</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="pages-account-settings-notifications.html"
                            ><i class="icon-base ti tabler-bell icon-sm me-1_5"></i> Bildirimler</a>
                        </li>
                    </ul>
                </div>
                <div class="card mb-6">
                    <!-- Account -->
                    <div class="card-body">
                        <div class="d-flex align-items-start align-items-sm-center gap-6">
                            <img
                                src="/vxy/assets/img/avatars/1.png"
                                alt="user-avatar"
                                class="d-block w-px-100 h-px-100 rounded"
                                id="uploadedAvatar"/>
                            <div class="button-wrapper">
                                <label for="upload" class="btn btn-primary me-3 mb-4" tabindex="0">
                                    <span class="d-none d-sm-block">Logo Yükle</span>
                                    <i class="icon-base ti tabler-upload d-block d-sm-none"></i>
                                    <input
                                        type="file"
                                        id="upload"
                                        class="account-file-input"
                                        hidden
                                        accept="image/png, image/jpeg"/>
                                </label>

                                <div>Dosya Türleri: JPG, GIF or PNG.</div>
                            </div>
                        </div>
                    </div>
                    <div class="card-body pt-4">
                        <form id="formAccountSettings" method="GET" onsubmit="return false">
                            <div class="row gy-4 gx-6 mb-6">
                                <div class="col-md-6 form-control-validation">
                                    <label for="firstName" class="form-label">Yetkili Adı-Soyadı</label>
                                    <input
                                        class="form-control"
                                        type="text"
                                        id="firstName"
                                        name="Yetkili adı-soyadı"
                                        value="Yetkili Adı"
                                        autofocus/>
                                </div>
                                <div class="col-md-6 form-control-validation">
                                    <label for="lastName" class="form-label">Firma Adı</label>
                                    <input class="form-control" type="text" name="lastName" id="lastName" value="Firma Adı" disabled/>
                                </div>
                                <div class="col-md-6">
                                    <label for="email" class="form-label">E-posta</label>
                                    <input
                                        class="form-control"
                                        type="text"
                                        id="email"
                                        name="email"
                                        value="firma@epostasi.com"
                                        placeholder="firma@epostasi.com"/>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label" for="phoneNumber">Firma Telefon Numarası</label>
                                    <div class="input-group input-group-merge">
                                        <span class="input-group-text">(+90)</span>
                                        <input
                                            type="text"
                                            id="phoneNumber"
                                            name="phoneNumber"
                                            class="form-control"
                                            placeholder="212 000 00 00"/>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label" for="phoneNumber">Yetkili Telefon Numarası</label>
                                    <div class="input-group input-group-merge">
                                        <span class="input-group-text">(+90)</span>
                                        <input
                                            type="text"
                                            id="phoneNumber"
                                            name="phoneNumber"
                                            class="form-control"
                                            placeholder="500 000 00 00"/>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label for="address" class="form-label">Adres</label>
                                    <input type="text" class="form-control" id="address" name="address"
                                           placeholder="Addres" readonly/>
                                </div>

                            </div>
                            <div class="mt-2">
                                <button type="submit" class="btn btn-primary me-3">Kaydet</button>
                            </div>
                        </form>
                    </div>
                    <!-- /Account -->
                </div>
                <div class="card">
                    <h5 class="card-header">Hesabımı Silmek İStiyorum</h5>
                    <div class="card-body">
                        <div class="mb-6 col-12 mb-0">
                            <div class="alert alert-warning">
                                <h5 class="alert-heading mb-1">Hesabınızı Silmek Mi İstiyorsunuz?</h5>
                                <p class="mb-0">Hesap silme talebiniz tarafımıza iletildikten sonra 72 saat içinde iptal etmemeniz durumunda kalıcı olarak silinecek ve
                                    yeniden başvuru yapmanız gerekecektir. Aktif ödemeleriniz varken hesap silme işleminiz ödemeler tamamlandıktan sonra yapılacaktır.</p>
                            </div>
                        </div>
                        <form id="formAccountDeactivation" onsubmit="return false">
                            <div class="form-check my-8">
                                <input
                                    class="form-check-input"
                                    type="checkbox"
                                    name="accountActivation"
                                    id="accountActivation"/>
                                <label class="form-check-label" for="accountActivation">Silme İşlemini Onaylıyorum.</label>
                            </div>
                            <button type="submit" class="btn btn-danger deactivate-account" id="deactivate-account" disabled>
                                Hesabımı Sil
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('css')

@endsection
@section('js')
<script>

        $('#accountActivation').on('change',() => {
            if(document.getElementById('accountActivation').checked){
                $('#deactivate-account').removeAttr('disabled')
            }else{
                $('#deactivate-account').attr('disabled','disabled')
            }
        })

</script>
@endsection
@section('head')

@endsection