@extends('emails.layouts.app')

@push('stylesheet-page-level')

    <style>

        .submit-application .desc {
            font-size: 15px;
            font-weight: 400;
            color: #999;
            line-height: 20px;
        }


        .submit-application .text-2 {
            color: #222 !important;
        }

        .submit-application .detail-ul {
            padding: 0px;
        }

        .submit-application .detail-ul .l-items {
            font-size: 15px;
            font-weight: 400;
            color: #222;
            line-height: 20px;
            margin-bottom: 0.6px;
            list-style: none;
        }

        .submit-application .detail-ul .l-items .dem-text {
            color: #999;
        }


        .submit-application .title {
            font-size: 22px;
            font-weight: 700;
            color: #256ab7;
            margin-bottom: 10px;
            font-family: inherit;
        }
        .rtl{
            text-align: right;
        }
        .rtl .cate-subcate-block .cat-content .category{
            float: right;
            padding: 17px 10px;
            width: 26%;
        }
       .rtl .cate-subcate-block .cat-head{
           float: right;
       }
       .rtl .cate-subcate-block .cat-content{
            float: right;
        }
        .rtl .cate-subcate-block .cat-content .sub-category .sub-cat-ul .cat-items:last-child {
            padding-left: 0;
            padding-right: 1.5rem;
            border-right: none;
        }
        .rtl .cate-subcate-block .cat-content .sub-category{
            float: right;
        }
        .rtl .list-sub-cates {
            border-right: 1px solid #E2E2E2;
            float: right;
            border-left: none;
        }
        .rtl .list-sub-cates ul{
            padding-left: 0px;
        }
        .rtl .cate-subcate-block .cat-content .sub-category .sub-cat-ul .cat-items:first-child {
            padding-left: 0 !important;
            padding-right: 5px !important;
        }
        .rtl .cate-subcate-block .cat-head .title {

            float: right;
            width: unset;
            padding-left: 10.6rem;
        }
        .submit-application .desc {
            font-size: 15px;
            font-weight: 400;
            color: #999;
            line-height: 20px;
        }


        .cate-subcate-block {
            float: left;
            width: 100%;
        }

        .cate-subcate-block .cat-head {
            background-color: #E2E2E2;
            padding: 15px;
            float: left;
            width: 100%;
        }

        .cate-subcate-block .cat-head .title {
            font-size: 14px;
            line-height: 19px;
            color: #222;
            padding-right: 0px;
            font-weight: 400;
            float: left;
            width: 50%;
        }

        .cate-subcate-block .cat-content {
            border-bottom: 1px solid #E2E2E2;
            position: relative;
            float: left;
            /* width: 100%; */
            width: 648px;
            background: #fff;
        }


        .cate-subcate-block .cat-content .category {
            width: 23%;
            border-top: 1px solid #E2E2E2;
            background-color: #fff;
            padding: 10px;
            float: left;
        }

        .list-sub-cates {
            width: 70%;
            float: left;
            border-left: 1px solid #E2E2E2;
            border-top: 1px solid #E2E2E2;
        }

        .cate-subcate-block .cat-content .cate-title {
            font-size: 14px;
            font-weight: 300;
            color: #999;
        }

        .cate-subcate-block .cat-content .sub-category {
            padding: 5px;
            background-color: #fff;
            float: left;
        }

        .cate-subcate-block .cat-content .sub-category .input-add {
            max-width: 236px;
            width: 100%;
            margin-bottom: 15px;
        }
        .rtl .us-com {

            float: left;
        }
        .rtl .submit-application .detail-ul{
            direction: rtl;
        }

        .cate-subcate-block .cat-content .sub-category .input-add .ctm-input {
            height: 30px;
            font-size: 12px;
        }

        .cate-subcate-block .cat-content .sub-category .sub-cat-ul .cat-items {
            font-size: 14px;
            line-height: 10px;
            font-weight: 300;
            color: #999;
            padding: 0 15px;
            border-right: 1px solid #E2E2E2;
            list-style: none;
        }

        @media (max-width: 425px) {
            .cate-subcate-block .cat-content .sub-category .sub-cat-ul .cat-items {
                margin-top: 10px;
            }
        }

        .cate-subcate-block .cat-content .sub-category .sub-cat-ul .cat-items:first-child {
            padding-left: 0;
        }

        .cate-subcate-block .cat-content .sub-category .sub-cat-ul .cat-items:last-child {
            border-right: 0;
            padding-right: 0;
        }
    </style>
@endpush


@section('content')

    <div class="main-content-box submit-application py-4">
        <div class="container">
            <div class="row">
                <div class="col-md-12 pad-x-100">
                    <div class="personal-detail mb-2">
                        <h4 class="title">
                            {{__('Personal Detail')}}
                        </h4>
                        <ul class="detail-ul">
                            <li class="l-items" style="margin: 0px !important;">
                                {{__('Full Name:')}} <span class="dem-text">{{$userDetail->name}}</span>
                            </li>
                            <li class="l-items" style="margin: 0px !important;">
                                {{__('Phone No:')}} <span class="dem-text" dir="ltr">{{$userDetail->phone}}</span>
                            </li>
                            <li class="l-items" style="margin: 0px !important;">
                                {{__('Address:')}} <span class="dem-text">{{$userDetail->address}}</span>
                            </li>
                            <li class="l-items" style="margin: 0px !important;">
                                {{__('Email Address:')}} <span class="dem-text">{{$userDetail->email}}</span>
                            </li>
                        </ul>
                    </div>
                    <div class="about-the-store mb-2">
                        <h4 class="title">
                            {{__('About the Store')}}
                        </h4>
                        <p class="desc mb-1">
                            {{$store->idea}}
                        </p>
                        <ul class="detail-ul">
                            {{--                            <li class="l-items">--}}
                            {{--                                Full Name: <span class="dem-text">{{$store->about_store}}</span>--}}
                            {{--                            </li>--}}
                            <li class="l-items" style="margin: 0px !important;">
                                {{__('Business Phone No:')}} <span class="dem-text" dir="ltr">{{$store->phone}}</span>
                            </li>
                            <li class="l-items" style="margin: 0px !important;">
                                {{__('Business Address:')}} <span class="dem-text">{{$store->address}}</span>
                            </li>
                            <li class="l-items" style="margin: 0px !important;">
                                {{__('Company Name in the Trade License:')}} <span
                                        class="dem-text">{{$store->tl_company_name}}</span>
                            </li>
                            <li class="l-items" style="margin: 0px !important;">
                                {{__('Trade License Number:')}} <span class="dem-text">{{!empty($store->tl_number)? $store->tl_number : __('not provided')}}</span>
                            </li>
                            <li class="l-items" style="margin: 0px !important;">
                                {{__('Trade License Expiry Date:')}} <span
                                        class="dem-text">{{!empty($store->tl_expiry)? date('Y-m-d', $store->tl_expiry) : __('not provided')}}</span>
                            </li>
                            <li class="l-items" style="margin: 0px !important;">
                                {{__('Trade License')}}
                            </li>
                        </ul>
                        <div class="licence-img">
                            @if(!empty($store->tl_image))
                            <img src="{{imageUrl($store->tl_image, 100, 100, 95, 1)}}" alt="licence-img"
                                 class="img-fluid">
                            @else
                                {{__('not provided')}}
                            @endif
                        </div>
                    </div>
                    <div class="category-store mb-2">
                        <h4 class="title mb-2">
                            {{__('Categorize Store')}}
                        </h4>
                        <div class="cate-subcate-block">
                            <div class="cat-head d-flex">
                                <div class="title">{{__('Category')}}</div>
                                <div class="title">{{__('Subcategories')}}</div>
                            </div>
                            <div class="cat-content-main">
                                @forelse($categories as $category)
                                    <div class="cat-content d-flex">
                                        <div class="category">
                                            <div class="cate-title">
                                                {{$category->translation->name}}
                                            </div>
                                        </div>
                                        <div class="list-sub-cates">
                                            @forelse($category->subcategories as $subcategory)
                                                <div class="sub-category w-100">
                                                    <ul class="sub-cat-ul d-flex mb-0 flex-wrap">
                                                        <li class="cat-items" style="margin: 0 !important;">
                                                            {{$subcategory->translation->name}}<span class="us-com">,</span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            @empty
                                        </div>
                                        @endforelse

                                    </div>
                                @empty
                                @endforelse
                            </div>
                        </div>
                    </div>
                    <div class="personal-detail mb-2">
                        <h4 class="title">
                            {{__('Content of Store')}}
                        </h4>
                        <ul class="detail-ul">
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Tagline:')}} <span class="dem-text">{{$store->tagline}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Location:')}} <span class="dem-text">{{$store->location}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Default Language:')}} <span
                                        class="dem-text">{{ucwords($store->default_language)}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Second Language:')}} <span
                                        class="dem-text">{{($store->default_language == 'english')? 'Arabic': 'English'}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Currency:')}} <span class="dem-text">{{$store->default_currency}}({{__('Default')}})</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('All Currencies:')}} <span
                                        class="dem-text">{{$store->currencies[0]}}, {{$store->currencies[1]}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Description:')}}
                                <span class="dem-text">
                                    {{$store->about_store}}
                                </span>
                            </li>
                        </ul>
                    </div>
                    <div class="personal-detail mb-2">
                        <h4 class="title">
{{--                            {{__('Store Domain')}}--}}
                            {{__('Store Domain & Application Accounts')}}
                        </h4>
                        <ul class="detail-ul">
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Domain Name:')}} <span class="dem-text">{{$store->domain_name}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Domain Service Provider:')}} <span class="dem-text">{{$store->domain_url}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Email/Username:')}} <span class="dem-text">{{$store->domain_email}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Password:')}} <span class="dem-text">{{$store->domain_password}}</span>
                            </li>
                        </ul>
                    </div>
                    <div class="personal-detail mb-2">
                        <h4 class="title text-2">
                            {{__('Google Store Account')}}
                        </h4>
                        <ul class="detail-ul">
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Email:')}} <span class="dem-text">{{$store->gp_email}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Password:')}} <span class="dem-text">{{$store->gp_password}}</span>
                            </li>
                        </ul>
                    </div>
                    <div class="personal-detail mb-2">
                        <h4 class="title text-2">
                            {{__('App Store Account')}}
                        </h4>
                        <ul class="detail-ul">
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Email:')}} <span class="dem-text">{{$store->as_email}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Password:')}} <span class="dem-text">{{$store->as_password}}</span>
                            </li>
                        </ul>
                    </div>
                    <div class="personal-detail mb-2">
                        <h4 class="title">
                            {{__('Logo & Design Card')}}
                        </h4>
                        <ul class="detail-ul">
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Store Name:')}} <span class="dem-text">{{$store->name}}</span>
                            </li>
                        </ul>
                    </div>
                    <div class="logo-cat-product d-flex">
                        <div class="img-block mr-2">
                            <p class="desc text-2">
                                {{__('Logo')}}
                            </p>
                            <img src="{{imageUrl($store->logo, 200, 200, 95, 1)}}" alt="licence-img" class="img-fluid">
                        </div>
                        <div class="img-block mr-2">
                            <p class="desc text-2">
                                {{__('Category Card')}}
                            </p>

                            <img src="{{asset('assets/front/img/'.$store->c_design_id.'.png')}}" alt="licence-img"
                                 class="img-fluid">
                        </div>
                        <div class="img-block mr-2">
                            <p class="desc text-2">
                                {{__('Product Card')}}
                            </p>
                            <img src="{{asset('assets/front/img/'.$store->p_design_id.'.png')}}" alt="licence-img"
                                 class="img-fluid">
                        </div>
                    </div>
                    <div class="personal-detail mb-2">
                        <h4 class="title">
                            {{__('Color & Branding')}}
                        </h4>
                        <ul class="detail-ul">
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Primary Color:')}} <span class="dem-text">{{$store->primary_color}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Secondary Color:')}} <span class="dem-text">{{$store->secondary_color}}</span>
                            </li>
                        </ul>
                    </div>
                    <div class="personal-detail mb-2">
                        <h4 class="title">
                            {{__('Social Accounts')}}
                        </h4>
                        <ul class="detail-ul">
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Facebook:')}} <span
                                        class="dem-text">{{!empty($store->facebook_link)? $store->facebook_link : __('not provided')}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Instagram:')}} <span
                                        class="dem-text">{{!empty($store->instagram_link)? $store->instagram_link : __('not provided')}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('YouTube:')}} <span
                                        class="dem-text">{{!empty($store->youtube_link)? $store->youtube_link : __('not provided')}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Twitter:')}} <span
                                        class="dem-text">{{!empty($store->twitter_link)? $store->twitter_link : __('not provided')}}</span>
                            </li>
                        </ul>
                    </div>
                    <div class="personal-detail mb-2">
                        <h4 class="title text-2">
                            {{__('Facebook Account Credentials')}}
                        </h4>
                        <ul class="detail-ul">
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Email:')}} <span
                                        class="dem-text">{{!empty($store->facebook_email)? $store->facebook_email : __('not provided')}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Password:')}} <span
                                        class="dem-text">{{!empty($store->facebook_password)? $store->facebook_password : __('not provided')}}</span>
                            </li>
                        </ul>
                    </div>
                    <div class="personal-detail mb-4">
                        <h4 class="title text-2">
                            {{__('Gmail Account Credentials')}}
                        </h4>
                        <ul class="detail-ul">
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Email:')}} <span
                                        class="dem-text">{{!empty($store->gmail_email)? $store->gmail_email : __('not provided')}}</span>
                            </li>
                            <li class="l-items" style="margin: 0 !important;">
                                {{__('Password:')}} <span
                                        class="dem-text">{{!empty($store->gmail_password)? $store->gmail_password : __('not provided')}}</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection