@extends('admin.app')
@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <div class="content-header row">
                <div class="content-header-left col-md-9 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">Profil Düzenle</h2>
                            <div class="breadcrumb-wrapper col-12">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="{{asset('/')}}">Gösterge Paneli</a>
                                    </li>
                                    <li class="breadcrumb-item active"> Profil Düzenle
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <!-- account setting page start -->
                <section id="page-account-settings">
                    <div class="row">
                        <!-- left menu section -->
                        <div class="col-md-3 mb-2 mb-md-0">
                            <ul class="nav nav-pills flex-column mt-md-0 mt-1">
                                <li class="nav-item">
                                    <a class="nav-link d-flex py-75 active" id="account-pill-general" data-toggle="pill" href="#account-vertical-general" aria-expanded="true">
                                        <i class="feather icon-globe mr-50 font-medium-3"></i>
                                        Genel
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link d-flex py-75" id="account-pill-password" data-toggle="pill" href="#account-vertical-password" aria-expanded="false">
                                        <i class="feather icon-lock mr-50 font-medium-3"></i>
                                        Şifre Değiştir
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!-- right content section -->
                        <div class="col-md-9">
                            <div class="card">
                                <div class="card-content">
                                    <div class="card-body">
                                        <div class="tab-content">
                                            <div role="tabpanel" class="tab-pane active" id="account-vertical-general" aria-labelledby="account-pill-general" aria-expanded="true">
                                                <form id="user-info-form">
                                                    {{csrf_field()}}
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <div class="controls">
                                                                    <label for="account-name">İsim Soyisim</label>
                                                                    <input type="text" name="name" class="form-control" id="account-name" placeholder="İsim Soyisim" value="{{\Illuminate\Support\Facades\Auth::user()->name}}" required data-validation-required-message="This name field is required">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <div class="controls">
                                                                    <label for="account-e-mail">E-mail</label>
                                                                    <input type="email" disabled class="form-control" placeholder="Email" value="{{\Illuminate\Support\Facades\Auth::user()->email}}">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <div class="controls">
                                                                    <label for="account-e-mail">Cep Telefonu</label>
                                                                    <input type="email" name="mobile" class="form-control" placeholder="Cep Telefonu" value="{{\Illuminate\Support\Facades\Auth::user()->mobile}}">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <div class="controls">
                                                                    <label for="account-e-mail">İki Faktörlü Doğrulama (SMS Onaylı Giriş)</label>
                                                                    <input type="checkbox" name="two_factor_auth" class="form-control" @if(\Illuminate\Support\Facades\Auth::user()->two_factor_auth == 'active') checked @endif>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 d-flex flex-sm-row flex-column justify-content-end">
                                                            <button type="button" class="btn btn-primary mr-sm-1 mb-1 mb-sm-0" id="info-save">Kaydet</button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>

                                            <div class="tab-pane fade " id="account-vertical-password" role="tabpanel" aria-labelledby="account-pill-password" aria-expanded="false">
                                                <form id="password-form">
                                                    {{csrf_field()}}
                                                    <div class="row">
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <div class="controls">
                                                                    <label for="account-old-password">Mevcut Şifreniz</label>
                                                                    <input type="password" name="old_password" class="form-control" id="account-old-password" required placeholder="Eski Şifre">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <div class="controls">
                                                                    <label for="account-new-password">Yeni Şifreniz</label>
                                                                    <input type="password" name="password" id="account-new-password" class="form-control" placeholder="Yeni Şifreniz" minlength="6">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12">
                                                            <div class="form-group">
                                                                <div class="controls">
                                                                    <label for="account-retype-new-password">Yeni Şifreniz (Tekrar)</label>
                                                                    <input type="password" name="password_confirmation" class="form-control" placeholder="Yeni Şifreniz (Tekrar)" required id="account-retype-new-password" minlength="6">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-12 d-flex flex-sm-row flex-column justify-content-end">
                                                            <button type="button" class="btn btn-primary mr-sm-1 mb-1 mb-sm-0" id="save-password">Kaydet</button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!-- account setting page end -->

            </div>
        </div>
    </div>
@endsection
@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/css/plugins/extensions/toastr.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/vendors.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('app-assets/vendors/css/extensions/toastr.css')}}">
@endsection
@section('js')

    <!-- BEGIN: Page Vendor JS-->
    <script src="{{asset('app-assets/vendors/js/ui/jquery.sticky.js')}}"></script>
    <script src="{{asset('app-assets/vendors/js/extensions/toastr.min.js')}}"></script>
    <!-- END: Page Vendor JS-->
    <!-- BEGIN: Page JS-->
    <script src="{{asset('app-assets/js/scripts/extensions/toastr.js')}}"></script>
    <script>
        $('#save-password').on('click', function () {
            $.post('{{route('ajax-update-user-profile-password')}}', $('#password-form').serialize(), function (response) {
                if (response.status == 'success') {
                    toastr.success(response.msg, 'Başarılı!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                    $('#password-form').trigger("reset");
                } else {
                    toastr.warning(response.msg, 'Hata!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                }
            }).fail(function (response) {

                if (response.responseJSON.message) {
                    toastr.warning(response.responseJSON.message, 'Hata!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                } else {
                    toastr.warning('İşlem Yapılamadı.', 'Hata!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                }
            });
        });

        $('#info-save').on('click', function () {
            $.post('{{route('ajax-update-user-profile')}}', $('#user-info-form').serialize(), function (response) {
                if (response.status == 'success') {
                    toastr.success(response.msg, 'Başarılı!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                } else {
                    toastr.warning(response.msg, 'Hata!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                }
            }).fail(function (response) {

                if (response.responseJSON.message) {
                    toastr.warning(response.responseJSON.message, 'Hata!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                } else {
                    toastr.warning('İşlem Yapılamadı.', 'Hata!', {
                        positionClass: 'toast-bottom-right',
                        containerId: 'toast-bottom-right'
                    });
                }
            });
        });

    </script>
    <script src="{{asset('customer/js/jquery.maskedinput.js')}}"></script>
    <script>
        jQuery(function ($) {
            $("#mobile-input").mask('+90(XXX)XXX-XXXX');
        });
        $('#select-all').on('click',function () {
            $('input:checkbox').not(this).prop('checked', this.checked);
        });
    </script>
@endsection