{{--
 * LaraClassifier - Classified Ads Web Application
 * Copyright (c) BeDigit. All Rights Reserved
 *
 * Website: https://laraclassifier.com
 *
 * LICENSE
 * -------
 * This software is furnished under a license and may be used and copied
 * only in accordance with the terms of such license and with the inclusion
 * of the above copyright notice. If you Purchased from CodeCanyon,
 * Please read the full License from here - http://codecanyon.net/licenses/standard
--}}
@extends('layouts.master')

@php $account_types ??= []; @endphp

@section('content')
    @includeFirst([config('larapen.core.customizedViewPath') . 'common.spacer', 'common.spacer'])
    <div class="main-container">
        <div class="container">
            <div class="row">
                <div class="col-md-3 page-sidebar">
                    @includeFirst([
                        config('larapen.core.customizedViewPath') . 'account.inc.sidebar',
                        'account.inc.sidebar',
                    ])
                </div>

                <div class="col-md-9 page-content">

                    @include('flash::message')

                    @if (isset($errors) && $errors->any())
                        <div class="alert alert-danger alert-dismissible">
                            <button type="button" class="btn-close" data-bs-dismiss="alert"
                                aria-label="{{ t('Close') }}"></button>
                            <h5><strong>{{ t('oops_an_error_has_occurred') }}</strong></h5>
                            <ul class="list list-check">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <div id="account_types" class="inner-box default-inner-box" style="overflow: visible;">
                        {{-- Account Types --}}
                        @php $allAccPerms = config('larapen.core.AccountPermissions', []); @endphp
                        @foreach ($account_types as $account_type)
                            @php
                                $iCurAccT = data_get($user, 'acctType.id') === data_get($account_type, 'id');
                                $status = $iCurAccT
                                    ? 'Current'
                                    : (data_get($user, 'acctType.p_type.price') >
                                    data_get($account_type, 'p_type.price')
                                        ? 'Downgrade'
                                        : 'Upgrade');
                            @endphp
                            <div class="card card-default mb-3">
                                <div class="card-header">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h4 class="card-title text-primary"> {{ data_get($account_type, 'name', '') }} </h4>
                                        <a href="javascript:void(0)"
                                            class="btn btn-primary {{ $iCurAccT ? '' : 'changeAccountType' }}"
                                            {{ $iCurAccT ? 'style=pointer-events:none;' : 'data-account-type-id=' . data_get($account_type, 'id') }}>
                                            {{ $status }}
                                        </a>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <h5 class=""> {{ 'This Account Have Following Permissions' }} </h5>
                                    <ul>
                                        @foreach (data_get($account_type, 'p_type.description_array', []) as $option)
                                            <li>{!! sprintf('- %s', $option) !!}</li>
                                        @endforeach
                                        @foreach (data_get($account_type, 'account_permissions', []) as $permission)
                                            <li>
                                                {!! sprintf('- %s', data_get($allAccPerms, $permission)) !!}
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('after_scripts')
    <script>
        $(document).on('click', '.changeAccountType', function(e) {
            e.preventDefault();
            var accTypeId = $(this).data('account-type-id');

            Swal.fire({
                position: 'top',
                text: 'Are you sure you want to change your account type? This action is permanent and cannot be undone!',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: langLayout.confirm.button.yes,
                cancelButtonText: langLayout.confirm.button.no,
            }).then(result => {
                if (result.isConfirmed) {
                    // $.ajax({
                    //     url: "{{ url('account/type') }}",
                    //     method: 'POST',
                    //     data: {
                    //         _token: '{{ csrf_token() }}',
                    //         account_type_id: accTypeId,
                    //         is_ajax: true
                    //     },
                    //     success: function(response) {
                    //         if (response.success && response.redirect) {
                    //             window.location.href = response.redirect;
                    //         } else {
                    //             Swal.fire('Error', 'Unexpected response from the server.', 'error');
                    //         }
                    //     },
                    //     error: function(xhr) {
                    //         Swal.fire('Error',
                    //             'There was a problem changing your account type. Please try again.', 'error');
                    //     }
                    // });
                }
            });
        });
    </script>
@endsection