@extends('web.layout.default')
@section('content')
    <!------ breadcrumb ------>
    {{-- <section class="breadcrumb-sec">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item ">
                        <a class="text-dark"  href="{{ URL::to('/') }}">{{ trans('labels.home') }}</a>
                    </li>
                    <li class="breadcrumb-item  text-primary fw-bold active" aria-current="page">{{ trans('labels.delete_profile') }}</li>
                </ol>
            </nav>
        </div>
    </section> --}}
    <div class="breadcrumb-sec">
        <div class="container">
            <div class="breadcrumb-sec-content">
                <nav class="text-dark d-flex breadcrumb-divider" aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item ">
                        <a class="text-dark"  href="{{ URL::to('/') }}">{{ trans('labels.home') }}</a>
                    </li>
                    <li class="breadcrumb-item  text-primary fw-bold active" aria-current="page">{{ trans('labels.delete_profile') }}</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <section class="product-prev-sec product-list-sec">
        <div class="container">
            <div class="user-bg-color mb-5">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3">
                            @include('web.layout.usersidebar')
                        </div>
                        <div class="col-xl-3 col-lg-8 col-xxl-9 col-12 deleteprofile">
                            <div class="card user-content-wrapper">
                                <p class="title pb-2 border-bottom color-changer">{{ trans('labels.delete_profile') }}</p>
                                <h6 class="fw-bold text-dark color-changer mb-1">Before you go...</h6>
                                <ol>
                                    <li class="text-muted">Take a backup of your data <a href="#"
                                            class="text-danger">Here</a> </li>
                                    <li class="text-muted">If you delete your account, you will lose your all data.</li>
                                </ol>
                                <div class="form-check form-check-md my-4 text-muted">
                                    <input class="form-check-input p-0" type="checkbox" id="delete_account">
                                    <label class="form-check-label text-muted" for="delete_account">Yes, I'd like to
                                        delete my
                                        account</label>
                                </div>
                                <div class="d-md-flex align-items-center">
                                    <a href="#" class="col-12 col-md-4 col-xl-3 btn btn-primary me-2">Keep
                                        my account</a>
                                    <a onclick="deleteaccount('{{ URL::to('/deleteaccount/') }}')"
                                        class="col-12 col-md-4 col-xl-3 btn btn-danger">
                                        {{ trans('labels.delete_profile') }}
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('scripts')
    <script>
        var requiredmsg = "{{ trans('messages.checkbox_delete_account') }}";

        function deleteaccount(nexturl) {
            var deleted = document.getElementById("delete_account").checked;
            if (deleted == true) {
                const swalWithBootstrapButtons = Swal.mixin({
                    customClass: {
                        confirmButton: 'btn btn-success mx-1',
                        cancelButton: 'btn btn-danger mx-1'
                    },
                    buttonsStyling: false
                })
                swalWithBootstrapButtons.fire({
                    title: are_you_sure,
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: yes,
                    cancelButtonText: no,
                    reverseButtons: true
                }).then((result) => {
                    if (result.isConfirmed) {
                        $('#preloader').show();
                        location.href = nexturl;
                    } else {
                        result.dismiss === Swal.DismissReason.cancel
                    }
                })
            } else {
                toastr.error(requiredmsg);
            }
        }
    </script>
@endsection