@extends('layout')
@section('title')
    <title>{{ __('translate.Select Category') }}</title>
@endsection
@section('body-content')

    <main>
        <!-- dashboard-part-start -->
        <section class="dashboard footer-top-pad">
            <div class="container">
                <div class="row">
                    @include('profile.sidebar')

                    <div class=" col-xxl-9 col-xl-8 col-lg-8">

                        <div class="row">
                            @php
                                $canClassified = $user->canListInCategory(\App\Constants\Status::CLASSIFIED);
                                $canRealEstate = $user->canListInCategory(\App\Constants\Status::REAL_ESTATE);
                                $canJobPost = $user->canListInCategory(\App\Constants\Status::JOB_POST);
                            @endphp

                            @if ($canClassified)
                            <div class="col-xl-4">
                                <div class="dashboard-ad-listing-box">
                                    <div class="dashboard-ad-listing-box-icon-main">
                                        <div class="dashboard-ad-listing-box-icon">
                                            <div class="dashboard-ad-listing-box-thumb">
                                            <span>

                                                <svg width="58" height="58" viewBox="0 0 58 58" fill="none"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <path
                                                        d="M21.2668 45.4328V38.6662C21.2674 38.3503 21.1905 38.039 21.0428 37.7596C20.8951 37.4803 20.6812 37.2415 20.4198 37.064C20.1584 36.8866 19.8575 36.7759 19.5433 36.7418C19.2292 36.7076 18.9116 36.7511 18.6181 36.8682L9.28985 40.5995H1.93357C1.42128 40.601 0.930405 40.8052 0.568163 41.1675C0.20592 41.5297 0.00174874 42.0206 0.000244141 42.5329V52.1995C0.00174874 52.7117 0.20592 53.2026 0.568163 53.5649C0.930405 53.9271 1.42128 54.1313 1.93357 54.1328H3.86689V56.0661C3.86689 56.5788 4.07057 57.0706 4.43314 57.4332C4.79571 57.7957 5.28746 57.9994 5.80021 57.9994C6.31296 57.9994 6.8047 57.7957 7.16727 57.4332C7.52984 57.0706 7.73353 56.5788 7.73353 56.0661V54.1328H9.28985L18.6181 57.8641C18.8465 57.9517 19.0888 57.9976 19.3335 57.9994C19.7186 57.9976 20.0949 57.8834 20.4161 57.6708C20.6771 57.4921 20.8909 57.2527 21.0391 56.9732C21.1872 56.6937 21.2654 56.3824 21.2668 56.0661V49.2995C21.7795 49.2995 22.2713 49.0958 22.6338 48.7332C22.9964 48.3707 23.2001 47.8789 23.2001 47.3662C23.2001 46.8534 22.9964 46.3617 22.6338 45.9991C22.2713 45.6365 21.7795 45.4328 21.2668 45.4328ZM7.73353 50.2661H3.86689V44.4662H7.73353V50.2661Z" />
                                                    <path
                                                        d="M15.467 9.66699C14.9545 9.66766 14.4631 9.87156 14.1007 10.234C13.7383 10.5964 13.5344 11.0878 13.5337 11.6003V12.567H17.4003V11.6003C17.3997 11.0878 17.1958 10.5964 16.8333 10.234C16.4709 9.87156 15.9796 9.66766 15.467 9.66699Z" />
                                                    <path
                                                        d="M27.0667 9.66699V19.3336H30.1329L30.9333 18.5332V10.4674L30.1329 9.66699H27.0667Z" />
                                                    <path
                                                        d="M52.1997 0H5.79996C4.26209 0.00122882 2.78756 0.612689 1.70013 1.70013C0.612689 2.78756 0.00122882 4.26209 0 5.79996V23.1998C0.00122882 24.7377 0.612689 26.2122 1.70013 27.2997C2.78756 28.3871 4.26209 28.9986 5.79996 28.9998H19.3332V32.8665C19.3337 33.2484 19.4467 33.6217 19.6582 33.9398C19.8697 34.2579 20.1702 34.5066 20.5222 34.6548C20.7588 34.7502 21.0114 34.7994 21.2665 34.7998C21.5203 34.8009 21.7718 34.751 22.0059 34.653C22.2401 34.555 22.4521 34.411 22.6295 34.2294L27.8688 28.9998H52.1997C53.7375 28.9986 55.2121 28.3871 56.2995 27.2997C57.3869 26.2122 57.9984 24.7377 57.9996 23.1998V5.79996C57.9984 4.26209 57.3869 2.78756 56.2995 1.70013C55.2121 0.612689 53.7375 0.00122882 52.1997 0ZM21.2665 21.2665C21.2665 21.7793 21.0628 22.271 20.7003 22.6336C20.3377 22.9962 19.846 23.1998 19.3332 23.1998C18.8205 23.1998 18.3287 22.9962 17.9661 22.6336C17.6036 22.271 17.3999 21.7793 17.3999 21.2665V16.4332H13.5332V21.2665C13.5332 21.7793 13.3296 22.271 12.967 22.6336C12.6044 22.9962 12.1127 23.1998 11.5999 23.1998C11.0872 23.1998 10.5954 22.9962 10.2329 22.6336C9.87029 22.271 9.6666 21.7793 9.6666 21.2665V11.5999C9.6666 10.0617 10.2777 8.58644 11.3654 7.49873C12.4531 6.41103 13.9283 5.79996 15.4666 5.79996C17.0048 5.79996 18.4801 6.41103 19.5678 7.49873C20.6555 8.58644 21.2665 10.0617 21.2665 11.5999V21.2665ZM34.7998 19.3332C34.7997 19.8459 34.596 20.3376 34.2334 20.7002L32.3001 22.6335C31.9376 22.9961 31.4459 23.1998 30.9331 23.1998H25.1332C24.6204 23.1998 24.1287 22.9962 23.7661 22.6336C23.4035 22.271 23.1998 21.7793 23.1998 21.2665V7.73328C23.1998 7.22053 23.4035 6.72879 23.7661 6.36622C24.1287 6.00365 24.6204 5.79996 25.1332 5.79996H30.9331C31.4459 5.80002 31.9376 6.00375 32.3001 6.36633L34.2334 8.29965C34.596 8.66217 34.7997 9.15388 34.7998 9.6666V19.3332ZM42.0497 12.5666H43.0164C44.4264 12.5666 45.7787 13.1267 46.7758 14.1238C47.7729 15.1209 48.333 16.4732 48.333 17.8832C48.333 19.2933 47.7729 20.6456 46.7758 21.6426C45.7787 22.6397 44.4264 23.1998 43.0164 23.1998H38.6664C38.1537 23.1998 37.6619 22.9962 37.2993 22.6336C36.9368 22.271 36.7331 21.7793 36.7331 21.2665C36.7331 20.7538 36.9368 20.262 37.2993 19.8995C37.6619 19.5369 38.1537 19.3332 38.6664 19.3332H43.0164C43.4009 19.3332 43.7698 19.1804 44.0417 18.9085C44.3136 18.6366 44.4664 18.2678 44.4664 17.8832C44.4664 17.4987 44.3136 17.1298 44.0417 16.8579C43.7698 16.586 43.4009 16.4332 43.0164 16.4332H42.0497C40.6397 16.4332 39.2874 15.8731 38.2903 14.876C37.2932 13.879 36.7331 12.5267 36.7331 11.1166C36.7331 9.70654 37.2932 8.35423 38.2903 7.35717C39.2874 6.36011 40.6397 5.79996 42.0497 5.79996H46.3997C46.9124 5.79996 47.4042 6.00365 47.7668 6.36622C48.1293 6.72879 48.333 7.22053 48.333 7.73328C48.333 8.24603 48.1293 8.73778 47.7668 9.10035C47.4042 9.46291 46.9124 9.6666 46.3997 9.6666H42.0497C41.6652 9.6666 41.2964 9.81937 41.0244 10.0913C40.7525 10.3632 40.5997 10.732 40.5997 11.1166C40.5997 11.5012 40.7525 11.87 41.0244 12.1419C41.2964 12.4138 41.6652 12.5666 42.0497 12.5666Z" />
                                                </svg>


                                            </span>
                                            </div>
                                        </div>
                                    </div>
                                    <h2>{{ __('translate.Classified') }} </h2>
                                    <h5>{{ __('translate.To create classified listing click the button below') }}</h5>
                                    <a href="{{ route('user.listing.create', user_listing_create_route_params(\App\Constants\Status::CLASSIFIED)) }}"
                                       class="main-btn">
                                        <div class="btn_m">
                                            <div class="btn_c">
                                                <div class="btn_t1"> {{ __('translate.Create Listing') }} </div>
                                                <div class="btn_t2"> {{ __('translate.Create Listing') }} </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            @endif

                            @if ($canRealEstate)
                            <div class="col-xl-4">
                                <div class="dashboard-ad-listing-box">
                                    <div class="dashboard-ad-listing-box-icon-main">
                                        <div class="dashboard-ad-listing-box-icon">
                                            <div class="dashboard-ad-listing-box-thumb">
                                            <span>
                                                <svg width="60" height="60" viewBox="0 0 60 60" fill="none"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M57.9076 55.8145H2.09305C0.937685 55.8145 0 56.7521 0 57.9075C0 59.0629 0.937685 60.0005 2.09305 60.0005H57.9076C59.063 60.0005 60.0007 59.0629 60.0007 57.9075C60.0007 56.7521 59.063 55.8145 57.9076 55.8145Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M27.2098 6.27914V2.09305C27.2098 0.937685 26.2721 0 25.1167 0C23.9614 0 23.0237 0.937685 23.0237 2.09305V6.27914C23.0237 7.4345 23.9614 8.37219 25.1167 8.37219C26.2721 8.37219 27.2098 7.4345 27.2098 6.27914Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M11.8607 21.7285L4.64668 25.3369C3.93783 25.6914 3.48853 26.4169 3.48853 27.2095V57.9075C3.48853 59.0629 4.42621 60.0006 5.58157 60.0006H12.3296C12.0282 59.3671 11.8607 58.6554 11.8607 57.9075V21.7285Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M43.2564 60C44.4118 60 45.3495 59.0623 45.3495 57.907V14.6507C45.3495 13.4953 44.4118 12.5576 43.2564 12.5576H29.3028C28.1474 12.5576 27.2097 13.4953 27.2097 14.6507V57.907C27.2097 59.0623 28.1474 60 29.3028 60H43.2564ZM34.1865 45.3487V48.1394C34.1865 49.2948 35.1242 50.2325 36.2796 50.2325C37.4349 50.2325 38.3726 49.2948 38.3726 48.1394V45.3487C38.3726 44.1933 37.4349 43.2556 36.2796 43.2556C35.1242 43.2556 34.1865 44.1933 34.1865 45.3487ZM34.1865 34.1858V36.9765C34.1865 38.1319 35.1242 39.0695 36.2796 39.0695C37.4349 39.0695 38.3726 38.1319 38.3726 36.9765V34.1858C38.3726 33.0304 37.4349 32.0927 36.2796 32.0927C35.1242 32.0927 34.1865 33.0304 34.1865 34.1858ZM34.1865 23.0229V25.8136C34.1865 26.9689 35.1242 27.9066 36.2796 27.9066C37.4349 27.9066 38.3726 26.9689 38.3726 25.8136V23.0229C38.3726 21.8675 37.4349 20.9298 36.2796 20.9298C35.1242 20.9298 34.1865 21.8675 34.1865 23.0229Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M48.14 29.6367V57.9068C48.14 58.6547 47.9725 59.3664 47.6711 59.9998H54.4191C55.5745 59.9998 56.5122 59.0622 56.5122 57.9068V34.2917C56.5122 33.4265 55.9791 32.6507 55.1698 32.3381L48.14 29.6367Z" />
                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                          d="M24.8878 60.0001C24.5864 59.3666 24.4189 58.655 24.4189 57.9071V14.6508C24.4189 11.9549 26.6068 9.767 29.3027 9.767H35.5818V6.27859C35.5818 5.12323 34.6441 4.18555 33.4888 4.18555H16.7444C15.5891 4.18555 14.6514 5.12323 14.6514 6.27859V57.9071C14.6514 59.0624 15.5891 60.0001 16.7444 60.0001H24.8878Z" />
                                                </svg>

                                            </span>
                                            </div>
                                        </div>
                                    </div>
                                    <h2>{{ __('translate.Real Estate') }} </h2>
                                    <h5>{{ __('translate.To create real estate listing click the button below') }}</h5>
                                    <a href="{{ route('user.listing.create', ['category' => 'real-estate']) }}"
                                       class="main-btn">
                                        <div class="btn_m">
                                            <div class="btn_c">
                                                <div class="btn_t1"> {{ __('translate.Create Listing') }} </div>
                                                <div class="btn_t2"> {{ __('translate.Create Listing') }} </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            @endif

                            @if ($canJobPost)
                            <div class="col-xl-4">
                                <div class="dashboard-ad-listing-box">
                                    <div class="dashboard-ad-listing-box-icon-main">
                                        <div class="dashboard-ad-listing-box-icon">
                                            <div class="dashboard-ad-listing-box-thumb">
                                            <span>
                                                <svg width="60" height="54" viewBox="0 0 60 54" fill="none"
                                                     xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M24.3965 27.5752H27.8435V31.0222H24.3965V27.5752Z" />
                                                    <path
                                                        d="M3.7596 24.1164H33.0522C33.6657 14.7508 42.8225 8.25664 51.9718 10.9465V8.61727C51.9718 7.66542 51.2002 6.89384 50.2483 6.89384H34.74V1.72343C34.74 0.771586 33.9684 0 33.0166 0H19.2232C18.2713 0 17.4997 0.771586 17.4997 1.72343V6.89384H1.99125C1.03941 6.89384 0.267822 7.66542 0.267822 8.61727V21.1453C0.539876 22.8275 2.00182 24.1164 3.7596 24.1164ZM20.9466 3.44686H31.2931V6.89384H20.9466V3.44686Z" />
                                                    <path
                                                        d="M40.3098 37.8458C36.6623 35.7023 33.9597 32.0024 33.2219 27.5633H31.2904V32.7458C31.2904 33.6977 30.5188 34.4692 29.567 34.4692H22.6731C21.7213 34.4692 20.9497 33.6977 20.9497 32.7458V27.5633H3.75961C2.48803 27.5633 1.29584 27.2202 0.267822 26.624V49.2337C0.267822 50.1855 1.03941 50.9571 1.99125 50.9571H40.3756C40.2566 50.05 40.3337 50.6144 40.3098 37.8458Z" />
                                                    <path
                                                        d="M55.7809 17.1035C51.3682 12.6908 44.1884 12.6908 39.7756 17.1035C33.9669 22.9121 36.1208 32.7901 43.7568 35.6811V39.6464H51.7997V35.6811C59.4332 32.7912 61.5901 22.9128 55.7809 17.1035ZM47.7783 32.9714C47.7781 32.9714 47.7784 32.9714 47.7783 32.9714C43.4221 32.9714 39.9129 29.4638 39.9129 25.1062C39.9129 20.7498 43.4207 17.241 47.7781 17.241C52.1345 17.241 55.6434 20.7488 55.6434 25.1062C55.6434 29.4623 52.1357 32.9714 47.7783 32.9714Z" />
                                                    <path
                                                        d="M43.7563 49.9809C43.7563 52.1983 45.5604 54.0023 47.7778 54.0023C49.9952 54.0023 51.7992 52.1982 51.7992 49.9809V43.0928H43.7563V49.9809Z" />
                                                </svg>

                                            </span>
                                            </div>
                                        </div>
                                    </div>
                                    <h2>{{ __('translate.Job Post') }} </h2>
                                    <h5>{{ __('translate.To create new job listing click the button below') }}</h5>
                                    <a href="{{ route('user.listing.create', user_listing_create_route_params(\App\Constants\Status::JOB_POST)) }}"
                                       class="main-btn">
                                        <div class="btn_m">
                                            <div class="btn_c">
                                                <div class="btn_t1"> {{ __('translate.Create Listing') }} </div>
                                                <div class="btn_t2"> {{ __('translate.Create Listing') }} </div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            @endif

                            @if (!$canClassified && !$canRealEstate && !$canJobPost)
                                <div class="col-12">
                                    <div class="alert alert-warning">
                                        {{ __('translate.Your role does not allow creating listings in any category') }}
                                    </div>
                                </div>
                            @endif
                        </div>

                    </div>


                </div>
            </div>
            </div>
        </section>

        <!-- dashboard-part-end -->

        @include('profile.logout')



    </main>

@endsection