@extends('front.layouts.app')
@section('title')
    Delete Account
@endsection
@section('CSS')
    <link href="{{ asset(CSS) }}/home.css" rel="stylesheet" type="text/css" />
@endsection

@section('seachbar', 'hidden')

@section('content')
    <div class="Favourite-page">
        <div class="container-fluid">
            <div class="Delete col-12 text-center">
                <h3 class="m-5"> {{ trans('app.profile_delete_account_label') }}</h3>
                <h3 class="m-5">{{ trans('app.deleteAccount_title_label') }}</h3>
                <p class="">{{ trans('app.deleteAccount_subtitle_label') }}</p>
                <div class="d-flex justify-content-center w-100 flex-wrap mt-2  mb-2">
                    <div class="mb-3 m-2">

                        <button data-bs-toggle="modal" href="#exampleModalToggle"
                            class="btn btn-light text-dark rounded-5 px-4"><b>{{ trans('app.deleteAccount_delete_account_btn') }}</b></button>
                    </div>
                    <div class="mb-3 m-2">
                        <a href="{{ url()->previous() }}"
                            class="btn btn-black border-white text-white rounded-5 px-4"><b>{{ trans('app.deleteAccount_go_back_btn') }}</b></a>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade" id="exampleModalToggle" aria-hidden="true" aria-labelledby="exampleModalToggleLabel"
        tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5 text-black" id="exampleModalToggleLabel">
                        {{ trans('app.delete_account_confirmation') }}
                    </h1>
                    {{-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> --}}
                </div>
                <div class="modal-body text-black ">
                    <p class="p-2"> {{ trans('app.delete_account_confirmation_subtitle') }}
                    </p>
                </div>
                <div class="modal-footer">
                    <form action="{{ route('front.deleteAc.delete') }}" method="post">
                        {{ csrf_field() }}
                        <button class="btn btn-danger" data-bs-target="#exampleModalToggle2"
                            data-bs-toggle="modal">Confirm</button>
                    </form>

                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"
                        aria-label="Close">Cancel</button>
                </div>
            </div>
        </div>
    </div>



@endsection