@extends('layouts.app')

@section('content')
    <div class="contentbar">
        <!-- Start row -->
        <div class="row">
            <!-- Start col -->
            <div class="col-lg-5 col-xl-3">
                <div class="card m-b-30">
                    <div class="card-header">
                        <h5 class="card-title mb-0">ჩემი პროფილი</h5>
                    </div>
                    <div class="card-body">
                        <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist"
                             aria-orientation="vertical">
                            <a class="nav-link mb-2 active" id="v-pills-dashboard-tab" data-toggle="pill"
                               href="#v-pills-dashboard" role="tab" aria-controls="v-pills-dashboard"
                               aria-selected="true"><i class="feather icon-grid mr-2"></i>ჩემი პროფილი</a>
                            <a class="nav-link mb-2" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile"
                               role="tab" aria-controls="v-pills-profile" aria-selected="false"><i
                                    class="feather icon-user mr-2"></i>ინფორმაციის რედაქტირება</a>
                            <a class="nav-link mb-2" id="v-pills-notifications-tab" data-toggle="pill"
                               href="#v-pills-notifications" role="tab" aria-controls="v-pills-notifications"
                               aria-selected="false"><i class="feather flaticon-381-notification mr-2"></i>შეტყობინებები</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End col -->
            <!-- Start col -->
            <div class="col-lg-7 col-xl-9">
                <div class="tab-content" id="v-pills-tabContent">
                    <!-- Dashboard Start -->
                    <div class="tab-pane fade show active" id="v-pills-dashboard" role="tabpanel"
                         aria-labelledby="v-pills-dashboard-tab">
                        <div class="card m-b-30">
                            <div class="card-header">
                                <h5 class="card-title mb-0">ჩემი პროფილი</h5>
                            </div>
                            <div class="card-body">
                                <div class="profilebox py-4 text-center">
                                    <img
                                        src="{{ (currentUser()->avatar) ? asset('images/avatars/'.currentUser()->avatar) : asset('images/avatars/asya.jpg') }}"
                                        style="    border-radius: 100%;
    object-fit: contain;
    width: 100px;
    height: 135px;
" class="img-fluid mb-3" alt="profile">
                                    <div class="profilename">
                                        <h5>{{ currentUser()->full_name }}</h5>
                                        <p class="text-muted my-3">{{ currentUser()->email }}</p>
                                    </div>
                                    {{--                                    <div class="button-list">--}}
                                    {{--                                        <a href="#" class="btn btn-primary-rgba font-18"><i class="feather icon-facebook"></i></a>--}}
                                    {{--                                        <a href="#" class="btn btn-info-rgba font-18"><i class="feather icon-twitter"></i></a>--}}
                                    {{--                                        <a href="#" class="btn btn-danger-rgba font-18"><i class="feather icon-instagram"></i></a>--}}
                                    {{--                                    </div>--}}
                                </div>
                            </div>
                        </div>
                        <!-- Start row -->
                        <div class="row">
                            <!-- Start col -->
                        {{--                            <div class="col-lg-12 col-xl-4">--}}
                        {{--                                <div class="card m-b-20">--}}
                        {{--                                    <div class="card-body">--}}
                        {{--                                        <div class="ecom-dashboard-widget">--}}
                        {{--                                            <div class="media">--}}
                        {{--                                                <i class="feather icon-package"></i>--}}
                        {{--                                                <div class="media-body">--}}
                        {{--                                                    <h5>My Orders</h5>--}}
                        {{--                                                    <p>Pending (3)</p>--}}
                        {{--                                                </div>--}}
                        {{--                                            </div>--}}
                        {{--                                        </div>--}}
                        {{--                                    </div>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        <!-- End col -->
                            <!-- Start col -->
                        {{--                            <div class="col-lg-12 col-xl-4">--}}
                        {{--                                <div class="card m-b-20">--}}
                        {{--                                    <div class="card-body">--}}
                        {{--                                        <div class="ecom-dashboard-widget">--}}
                        {{--                                            <div class="media">--}}
                        {{--                                                <i class="feather icon-heart"></i>--}}
                        {{--                                                <div class="media-body">--}}
                        {{--                                                    <h5>My Wishlist</h5>--}}
                        {{--                                                    <p>Items (7)</p>--}}
                        {{--                                                </div>--}}
                        {{--                                            </div>--}}
                        {{--                                        </div>--}}
                        {{--                                    </div>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        <!-- End col -->
                            <!-- Start col -->
                        {{--                            <div class="col-lg-12 col-xl-4">--}}
                        {{--                                <div class="card m-b-20">--}}
                        {{--                                    <div class="card-body">--}}
                        {{--                                        <div class="ecom-dashboard-widget">--}}
                        {{--                                            <div class="media">--}}
                        {{--                                                <i class="feather icon-credit-card"></i>--}}
                        {{--                                                <div class="media-body">--}}
                        {{--                                                    <h5>My Wallet</h5>--}}
                        {{--                                                    <p>Balance ($25)</p>--}}
                        {{--                                                </div>--}}
                        {{--                                            </div>--}}
                        {{--                                        </div>--}}
                        {{--                                    </div>--}}
                        {{--                                </div>--}}
                        {{--                            </div>--}}
                        <!-- End col -->
                        </div>
                        <!-- End row -->
                    </div>

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

                        <div class="card m-b-30">
                            <div class="card-header">
                                <h5 class="card-title mb-0">პროფილის ინფორმაციის რედაქტირება</h5>
                            </div>
                            <div class="card-body">
                                <form>
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="username">სახელი</label>
                                            <input type="text" class="form-control input-rounded"
                                                   value="{{ currentUser()->name }}" readonly id="username">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="userlastname">გვარი</label>
                                            <input type="text" class="form-control input-rounded"
                                                   value="{{ currentUser()->lastname }}" readonly id="userlastname">
                                        </div>
                                    </div>
                                    <div class="form-row">
                                        <div class="form-group col-md-6">
                                            <label for="usermobile">მობილურის ნომერი</label>
                                            <input type="text" class="form-control input-rounded"
                                                   value="{{ currentUser()->tel }}" readonly id="usermobile">
                                        </div>
                                        <div class="form-group col-md-6">
                                            <label for="userbirthdate">დაბადების თარიღი</label>
                                            <input type="date" class="form-control input-rounded" id="userbirthdate"
                                                   readonly value="{{ currentUser()->bday }}">
                                        </div>
                                    </div>
                                    {{--                                    <div class="form-row">--}}
                                    {{--                                        <div class="form-group col-md-6">--}}
                                    {{--                                            <label for="userpassword">Password</label>--}}
                                    {{--                                            <input type="password" class="form-control" id="userpassword">--}}
                                    {{--                                        </div>--}}
                                    {{--                                        <div class="form-group col-md-6">--}}
                                    {{--                                            <label for="userconfirmedpassword">Confirmed Password</label>--}}
                                    {{--                                            <input type="password" class="form-control" id="userconfirmedpassword">--}}
                                    {{--                                        </div>--}}
                                    {{--                                    </div>--}}
                                    {{--                                    <button type="submit" class="btn btn-primary-rgba font-16"><i class="feather icon-save mr-2"></i>შენახვა</button>--}}
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- My Profile End -->

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

                        <div class="card m-b-30">
                            <div class="card-header">
                                <h5 class="card-title mb-0">შეტყობინებების კონტროლი</h5>
                            </div>
                            <div class="card-body">
                                <form>
                                    <div class="custom-control custom-checkbox mb-3">
                                        <input type="checkbox" class="custom-control-input" id="domain_notf" value="1" @if(currentUser()->domain) checked @endif>
                                        <label class="custom-control-label" for="domain_notf">დომენების გადახდის შეტყობინება</label>
                                    </div>
{{--                                    <div class="custom-control custom-checkbox mb-3">--}}
{{--                                        <input type="checkbox" class="custom-control-input" id="customCheckBox1"--}}
{{--                                               required="">--}}
{{--                                        <label class="custom-control-label" for="customCheckBox1">Checkbox 1</label>--}}
{{--                                    </div>--}}
{{--                                    <div class="custom-control custom-checkbox mb-3">--}}
{{--                                        <input type="checkbox" class="custom-control-input" id="customCheckBox1"--}}
{{--                                               required="">--}}
{{--                                        <label class="custom-control-label" for="customCheckBox1">Checkbox 1</label>--}}
{{--                                    </div>--}}
{{--                                    <button type="button" class="btn btn-info mb-2  mr-2" id="toastr-success-top-right">Info</button>--}}

                                    {{--                                    <div class="form-row">--}}
                                    {{--                                        <div class="form-group col-md-6">--}}
                                    {{--                                            <label for="userpassword">Password</label>--}}
                                    {{--                                            <input type="password" class="form-control" id="userpassword">--}}
                                    {{--                                        </div>--}}
                                    {{--                                        <div class="form-group col-md-6">--}}
                                    {{--                                            <label for="userconfirmedpassword">Confirmed Password</label>--}}
                                    {{--                                            <input type="password" class="form-control" id="userconfirmedpassword">--}}
                                    {{--                                        </div>--}}
                                    {{--                                    </div>--}}
                                    {{--                                    <button type="submit" class="btn btn-primary-rgba font-16"><i class="feather icon-save mr-2"></i>შენახვა</button>--}}
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- Notification End -->
                </div>
            </div>
            <!-- End col -->
        </div>
        <!-- End row -->
    </div>
    <script>
        $('#domain_notf').change(function () {
            // console.log(this.value)
            let domain = (!this.checked) ? 0 : 1

            $.ajax({
                url: '{{ url(currentLocale().'/notification') }}',
                type: "POST",
                data: {
                    '_token': '{{ csrf_token() }}',
                    'domain': domain
                },
                dataType: "JSON",
                success: function (data) {
                    if (data.status == 1) {
                        toastNotification("ინფორმაცია წარმატებით შეიცვალა")
                    } else {
                        toastNotification("ინფორმაციის შეცვლა ვერ მოხერხდა")
                    }
                }
            });
        });
    </script>
@endsection