# github_gpt

milvus_id: 452165072252046214
data:
ZsourceL2J
Hresources/views/dashboard/business/order/livewire/applications.blade.php(d
]	file_pathL2J
Hresources/views/dashboard/business/order/livewire/applications.blade.php(e
+	file_name2
applications.blade.php(f
	file_type2
.php(g
ؕtextʕ2ƕ
<div x-data="{ showModal: false }" class="flex flex-col gap-8">

    {{-- Header --}}
    <div class="flex flex-row items-start justify-between gap-4 sm:flex-wrap">
        <div class="lg:w-8/12 xl:w-1/2 min-w-[50%]">
            <p class="text-2xl font-bold text-gray-700 dark:text-neutral-200">
                {{ __('dashboard.applications.title') }}
            </p>
            <p class="text-sm text-gray-500 dark:text-neutral-400">
                @if ($applications->count() == 0)
                {{ __('dashboard.applications.no_applications') }}
                @else
                {{ __('dashboard.applications.applications', ['count' => $applications->count()]) }}
                @endif
                @if ($order->details->accept_application == 'no') ({{ __('dashboard.applications.close_success') }})
                @endif
            </p>
        </div>
        <div class="flex items-center justify-end gap-2 sm:w-full xl:w-auto">
            @if ($applicationsApproved->count() > 0)
            <a href="{{ route('orders.progress', ['uuid' => $order->uuid]) }}"
                class="mr-1 items-center px-3 py-2 text-sm font-semibold text-white border border-transparent rounded-lg bg-creatify-2 gap-x-2 hover:bg-creatify-2 focus:outline-none focus:ring-2 focus:ring-creatify-2 shadow-md shadow-gray-900/10 hover:shadow-lg hover:shadow-gray-900/20 dark:hover:shadow-gray-300/20 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none justify-center hidden sm:inline-flex">
                <svg class="flex-shrink-0 w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                    stroke-width="1.5" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round"
                        d="M6.827 6.175A2.31 2.31 0 0 1 5.186 7.23c-.38.054-.757.112-1.134.175C2.999 7.58 2.25 8.507 2.25 9.574V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9.574c0-1.067-.75-1.994-1.802-2.169a47.865 47.865 0 0 0-1.134-.175 2.31 2.31 0 0 1-1.64-1.055l-.822-1.316a2.192 2.192 0 0 0-1.736-1.039 48.774 48.774 0 0 0-5.232 0 2.192 2.192 0 0 0-1.736 1.039l-.821 1.316Z" />
                    <path stroke-linecap="round" stroke-linejoin="round"
                        d="M16.5 12.75a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM18.75 10.5h.008v.008h-.008V10.5Z" />
                </svg>
                {{ __('dashboard.applications.progress') }}
            </a>
            @endif
            <x-button class="hidden mr-1 sm:inline-flex" data-hs-overlay="#hs-steps-modal">
                <svg class="flex-shrink-0 w-4 h-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round">
                    <path stroke-linecap="round" stroke-linejoin="round"
                        d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" />
                </svg>
                {{ __('dashboard.briefing.step_title') }}
            </x-button>
            <div class="relative inline-flex hs-dropdown">
                <button id="hs-dropdown-custom-icon-trigger" type="button"
                    class="flex items-center justify-center text-sm font-semibold text-gray-800 bg-white border border-gray-200 rounded-lg shadow-sm hs-dropdown-toggle size-9 hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800">
                    <svg class="flex-none text-gray-600 size-4 dark:text-neutral-500" xmlns="http://www.w3.org/2000/svg"
                        width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="12" cy="12" r="1" />
                        <circle cx="12" cy="5" r="1" />
                        <circle cx="12" cy="19" r="1" />
                    </svg>
                </button>

                <div class="hs-dropdown-menu z-10 transition-[opacity,margin] duration hs-dropdown-open:opacity-100 opacity-0 hidden min-w-60 bg-white shadow-md rounded-lg p-2 mt-2 dark:bg-neutral-800 dark:border dark:border-neutral-700"
                    aria-labelledby="hs-dropdown-custom-icon-trigger">
                    @if ($applicationsApproved->count() > 0)
                    <a href="{{ route('orders.progress', ['uuid' => $order->uuid]) }}"
                        class="sm:hidden flex items-center w-full gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700">
                        {{ __('dashboard.applications.progress') }}
                    </a>
                    @endif
                    <button data-hs-overlay="#hs-steps-modal"
                        class="sm:hidden flex items-center w-full gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700">
                        {{ __('dashboard.briefing.step_title') }}
                    </button>
                    <button data-hs-overlay="#hs-briefing-modal"
                        class="flex items-center w-full gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700">
                        {{ __('dashboard.applications.show__briefing') }}
                    </button>
                    @if ($order->details->accept_application == 'yes')
                    <form action="{{ route('orders.applications_close', ['uuid' => $order->uuid]) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <button type="submit"
                            class="flex items-center w-full gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700">
                            {{ __('dashboard.applications.close') }}
                        </button>
                    </form>
                    @else
                    <form action="{{ route('orders.applications_open', ['uuid' => $order->uuid]) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <button type="submit"
                            class="flex items-center w-full gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:focus:bg-neutral-700">
                            {{ __('dashboard.applications.open') }}
                        </button>
                    </form>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- Filter Group -->
    <div
        class="grid py-4 border-gray-200 lg:grid-cols-2 gap-y-2 lg:gap-y-0 lg:gap-x-5 border-y dark:border-neutral-700">
        {{-- Search Bar --}}
        <div class="relative max-w-xs">
            <div class="absolute inset-y-0 start-0 flex items-center pointer-events-none z-20 ps-3.5">
                <svg class="text-gray-500 shrink-0 size-4 dark:text-neutral-400" xmlns="http://www.w3.org/2000/svg"
                    width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round">
                    <circle cx="11" cy="11" r="8" />
                    <path d="m21 21-4.3-4.3" />
                </svg>
            </div>
            <input type="text" wire:model.live.debounce.500ms="searchTerm"
                class="block w-full px-3 py-2 text-sm bg-white border-gray-200 rounded-lg ps-10 pe-8 xl:bg-gray-100 xl:border-transparent focus:border-creatify-2 focus:ring-creatify-2 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 xl:dark:bg-neutral-700 dark:border-transparent dark:text-neutral-400 dark:placeholder:text-neutral-400 dark:focus:ring-neutral-600"
                placeholder="{{ __('dashboard.applications.search_by_name') }}">
            {{-- Clear button --}}
            @if ($searchTerm)
            <div class="absolute inset-y-0 right-0 z-40 flex items-center pe-1">
                <button type="button"
                    class="inline-flex items-center justify-center text-gray-500 rounded-full shrink-0 size-6 hover:text-creatify-2 focus:outline-none focus:text-creatify-2 dark:text-neutral-500 dark:hover:text-creatify-2 dark:focus:text-creatify-2"
                    aria-label="Close" wire:click="$set('searchTerm', '')">
                    <span class="sr-only">Close</span>
                    <svg class="shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="12" cy="12" r="10" />
                        <path d="m15 9-6 6" />
                        <path d="m9 9 6 6" />
                    </svg>
                </button>
            </div>
            @endif
        </div>

        {{-- Filter --}}
        <div class="flex flex-wrap items-center lg:justify-end gap-x-1">
            {{-- Filter Gender --}}
            <div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right]  relative inline-flex">
                <button id="hs-gender" type="button"
                    class="inline-flex items-center justify-center p-2 text-sm text-gray-500 border border-transparent rounded-lg whitespace-nowrap gap-x-2 hover:bg-gray-100 hover:text-gray-800 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:bg-neutral-700"
                    aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
                    {{ __('dashboard.applications.gender') }}
                    <svg class="text-gray-400 shrink-0 size-4 dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg"
                        width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round">
                        <path d="m6 9 6 6 6-6" />
                    </svg>
                </button>

                <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-52 transition-[opacity,margin] duration opacity-0 hidden z-10 bg-white rounded-xl shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900"
                    role="menu" aria-orientation="vertical" aria-labelledby="hs-gender">
                    <div class="p-1 overflow-y-auto max-h-64">

                        <span class="block mt-3 mb-1 text-xs text-gray-500 ps-1 dark:text-neutral-500">
                            {{ __('dashboard.applications.gender') }}
                        </span>

                        <ul class="p-3 space-y-3 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="dropdownRadioButton">
                            <li>
                                <div class="flex items-center">
                                    <input checked id="radio-all" type="radio" value="all" name="gender" wire:model="gender" wire:change="genderUpdate" class="w-4 h-4 bg-gray-100 border-gray-300 text-creatify-2 focus:ring-creatify-2 dark:focus:ring-creatify-2 dark:ring-offset-gray-700 dark:focus:ring-offset-gray-700 focus:ring-2 dark:bg-gray-600 dark:border-gray-500">
                                    <label for="radio-all" class="text-sm font-medium text-gray-900 ms-2 dark:text-gray-300">{{ __('dashboard.applications.gender_all') }}</label>
                                </div>
                            </li>
                            <li>
                                <div class="flex items-center">
                                    <input id="radio-male" type="radio" value="male" name="gender" wire:model="gender" wire:change="genderUpdate" class="w-4 h-4 bg-gray-100 border-gray-300 text-creatify-2 focus:ring-creatify-2 dark:focus:ring-creatify-2 dark:ring-offset-gray-700 dark:focus:ring-offset-gray-700 focus:ring-2 dark:bg-gray-600 dark:border-gray-500">
                                    <label for="radio-male" class="text-sm font-medium text-gray-900 ms-2 dark:text-gray-300">{{ __('dashboard.applications.gender_male') }}</label>
                                </div>
                            </li>
                            <li>
                                <div class="flex items-center">
                                    <input id="radio-female" type="radio" value="female" name="gender" wire:model="gender" wire:change="genderUpdate" class="w-4 h-4 bg-gray-100 border-gray-300 text-creatify-2 focus:ring-creatify-2 dark:focus:ring-creatify-2 dark:ring-offset-gray-700 dark:focus:ring-offset-gray-700 focus:ring-2 dark:bg-gray-600 dark:border-gray-500">
                                    <label for="radio-female" class="text-sm font-medium text-gray-900 ms-2 dark:text-gray-300">{{ __('dashboard.applications.gender_female') }}</label>
                                </div>
                            </li>
                        </ul>

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

            {{-- Filter Age --}}
            <div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right]  relative inline-flex">
                <button id="hs-age" type="button"
                    class="inline-flex items-center justify-center p-2 text-sm text-gray-500 border border-transparent rounded-lg whitespace-nowrap gap-x-2 hover:bg-gray-100 hover:text-gray-800 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:bg-neutral-700"
                    aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
                    {{ __('dashboard.applications.age') }}
                    <svg class="text-gray-400 shrink-0 size-4 dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg"
                        width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round">
                        <path d="m6 9 6 6 6-6" />
                    </svg>
                </button>

                <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-52 transition-[opacity,margin] duration opacity-0 hidden z-10 bg-white rounded-xl shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900"
                    role="menu" aria-orientation="vertical" aria-labelledby="hs-age">
                    <div class="p-1 overflow-y-auto max-h-64">

                        <span class="block mt-3 mb-1 text-xs text-gray-500 ps-1 dark:text-neutral-500">
                            {{ __('dashboard.applications.age') }}
                        </span>

                        <div>
                            <div class="items-center text-gray-500 end-1 ps-px">
                                <div class="flex flex-col gap-2" x-data="{
                                    minAge: 18,
                                    maxAge: 40,
                                    from: {{ $minAge }},
                                    to: {{ $maxAge }},
                                }" x-init="
                                    $nextTick(() => {
                                        $range = $('#ageRange').ionRangeSlider({
                                            skin: 'round',
                                            type: 'double',
                                            min: minAge,
                                            max: maxAge,
                                            from: from,
                                            to: to,
                                            prettify: format40,
                                            onChange: (data) => {
                                                this.from = data.from;
                                                this.to = data.to;
                                            },
                                            onFinish: (data) => {
                                                {{-- Mutating Livewire values after finish slider event --}}
                                                $wire.minAge = data.from;
                                                 $wire.updateminAge();
                                                 $wire.maxAge = data.to;
                                                 $wire.updatemaxAge();
                                            }
                                        });
                                        function format40(num) {
                                            if(num == '40') {
                                                return num + '+';
                                            } else return num
                                        }
                                    })
                                ">
                                    {{-- Range Slider JS --}}
                                    <span class="relative block mx-auto lg:w-11/12" wire:ignore>
                                        <input type="text" id="ageRange" name="age_range" value="" />
                                    </span>
                                </div>
                            </div>
                        </div>

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

            {{-- Filter State --}}
            <div class="hs-dropdown [--auto-close:inside] [--placement:bottom-right]  relative inline-flex">
                <button id="hs-state" type="button"
                    class="inline-flex items-center justify-center p-2 text-sm text-gray-500 border border-transparent rounded-lg whitespace-nowrap gap-x-2 hover:bg-gray-100 hover:text-gray-800 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-200 dark:focus:bg-neutral-700"
                    aria-haspopup="menu" aria-expanded="false" aria-label="Dropdown">
                    {{ __('dashboard.applications.state') }}
                    <svg class="text-gray-400 shrink-0 size-4 dark:text-neutral-600" xmlns="http://www.w3.org/2000/svg"
                        width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round">
                        <path d="m6 9 6 6 6-6" />
                    </svg>
                </button>

                <div class="hs-dropdown-menu hs-dropdown-open:opacity-100 w-52 transition-[opacity,margin] duration opacity-0 hidden z-10 bg-white rounded-xl shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900"
                    role="menu" aria-orientation="vertical" aria-labelledby="hs-state">
                    <div class="p-1 overflow-y-auto max-h-64">
                        <span class="block mt-3 mb-1 text-xs text-gray-500 ps-1 dark:text-neutral-500">
                            {{ __('dashboard.applications.state') }}
                        </span>
                        @foreach ($brazilianStates as $stateCode => $stateName)
                        <div
                            class="flex items-center px-3 py-2 rounded-lg cursor-pointer gap-x-3 hover:bg-gray-100 dark:hover:bg-neutral-800" wire:key="state-{{ $stateCode }}">
                            <x-checkbox wire:model.live="selectedStates" value="{{ $stateName }}" id="state-{{ $stateCode }}" />
                            <label for="state-{{ $stateCode }}"
                                class="flex items-center flex-1 text-sm text-gray-800 cursor-pointer gap-x-3 dark:text-neutral-300">
                                {{ $stateName }}
                            </label>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if ($applications->count() == 0)
        <div class="p-5 min-h-[500px] flex flex-col justify-center items-center text-center">
            <span
                class="flex flex-shrink-0 justify-center items-center w-[46px] h-[46px] bg-white border border-gray-200 rounded-full dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                    stroke="currentColor" class="flex-shrink-0 w-6 h-6">
                    <path stroke-linecap="round" stroke-linejoin="round"
                        d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />
                </svg>
            </span>

            <p class="mt-2 font-medium text-gray-800 dark:text-neutral-200">
                {{ __('dashboard.applications.no_creators') }}
            </p>
        </div>
    @else
        <div class="grid grid-cols-2 gap-5 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5">
            @foreach ($applications as $application)
                @if ($application->user->creatorDetails &&
                $application->user->creatorDetails->setcardvideo &&
                $application->user->profile_photo_path)
                <div class="relative flex flex-col rounded-lg" x-data="{ playing: false, hovering: false }" wire:key="{{ $application->user->uuid }}">
                    <div class="inline-flex justify-center items-center group relative group aspect-[9/16]">
                        <video class="object-cover w-auto h-full max-h-full rounded-lg shadow-lg" controls preload="auto"
                            controlsList="nodownload nofullscreen noremoteplayback">
                            <source src="{{ Storage::disk('s3')->url($application->user->creatorDetails->setcardvideo) }}"
                                type="video/mp4">
                            {{ __('dashboard.video_unsupported') }}
                        </video>
                    </div>
                    <button type="button" @click="showModal = !showModal" wire:click="setApplicationPreview('{{ $application->user->uuid }}')"
                        class="flex items-center justify-between gap-2 py-3 m-0 text-center normal-case bg-transparent cursor-pointer sm:px-4 bg-none">
                        <div class="flex items-center gap-2">
                            <div
                                class="relative inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-xs leading-normal uppercase bg-gray-200 rounded-full text-slate-400">
                                <img class="block object-cover w-full h-full max-w-full leading-4 uppercase align-middle rounded-full"
                                    src="{{ Storage::disk('s3')->url($application->user->profile_photo_path) }}"
                                    alt="{{ $application->user->firstname }}" />
                            </div>
                            <div class="min-w-0 leading-5 text-black">
                                <h4
                                    class="m-0 text-sm font-medium leading-normal text-left text-black truncate dark:text-white">
                                    {{ $application->user->firstname }}
                                </h4>
                                <span class="text-xs font-normal leading-normal truncate text-zinc-500">
                                    <span class="leading-4 whitespace-nowrap">
                                        {{ $application->created_at->diffForHumans() }}
                                    </span>
                                </span>
                            </div>
                        </div>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                            stroke="currentColor"
                            class="flex-shrink-0 block w-6 h-6 leading-5 text-black align-middle dark:text-white">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
                        </svg>
                    </button>
                </div>
                @endif
            @endforeach
        </div>

        {{-- Modal [mixed with Livewire and AlpineJs] --}}
        <div
        :class="['size-full fixed top-0 start-0 z-[80] bg-black/50 overflow-x-hidden overflow-y-auto pointer-events-none', !showModal ? 'hidden' : '!flex items-center justify-center']" class="hidden" x-show="showModal" x-transition>
            <div
                :class="['duration-500 mt-0 ease-out transition-all max-w-[800px] w-full sm:mx-auto flex items-center p-4 h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)]', showModal ? 'opacity-100' : 'opacity-0']">
                <div
                    class="w-full max-h-full overflow-y-auto bg-white border shadow-sm pointer-events-auto rounded-2xl dark:bg-neutral-800 dark:border-neutral-700 dark:shadow-neutral-700/70">
                    <div class="grid p-1 sm:grid-cols-2 gap-2.5 overflow-hidden" wire:loading.remove>
                        {{-- Left content --}}
                        <div class="relative overflow-hidden after:absolute after:bg-gradient-to-b after:from-black/0 after:to-[#111827]/80 after:content-[''] after:size-full after:block after:top-0 after:left-0 after:z-10 after:rounded-b-xl sm:after:rounded-br-none after:rounded-t sm:after:rounded-tr-none after:rounded-l-xl order-2 sm:order-1">
                            <img class="inline-flex object-cover w-full h-full max-w-full align-middle bg-gray-200 rounded-t rounded-b-xl sm:rounded-tr-none sm:rounded-b-none sm:rounded-l-xl text-slate-400"
                                src="{{ asset($order->productImages->first()->image) }}"
                                alt="{{ $order->details->title }}" />
                            <div class="flex flex-col gap-1.5 max-w-xs absolute bottom-6 left-5 z-20">
                                <span
                                    class="text-sm font-bold leading-normal text-gray-700 truncate sm:text-base dark:text-neutral-200">
                                    {{ $order->details->title }}
                                </span>
                                <span class="text-xs leading-4 text-gray-500 uppercase dark:text-neutral-400">
                                    {{ __('dashboard.applications.applied_at') }} {{
                                    $applicationPreview ? $applicationPreview->created_at->format('d.m.Y') : '' }}
                                </span>
                            </div>
                        </div>

                        {{-- Right content --}}
                        <div class="relative flex-shrink-0 w-full px-4 leading-5 py-9 md:px-6 sm:max-h-[calc(100dvh-10rem)] sm:overflow-y-auto order-1 sm:order-2">
                            {{-- Button Close modal --}}
                            <button type="button" wire:ignore
                                class="absolute flex items-center justify-center text-sm font-semibold text-gray-800 border border-transparent rounded-full size-7 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-white dark:hover:bg-neutral-700 top-3 right-3"
                                wire:click="resetApplicationPreview" @click="showModal = !showModal">
                                <span class="sr-only">
                                    {{ __('dashboard.applications.close_modal') }}
                                </span>
                                <svg class="flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24"
                                    height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                    stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M18 6 6 18"></path>
                                    <path d="m6 6 12 12"></path>
                                </svg>
                            </button>
                            <div class="flex flex-col items-center gap-4">
                                <div
                                    class="relative inline-flex items-center justify-center flex-shrink-0 w-24 h-24 uppercase bg-gray-200 rounded-full text-slate-400">
                                    <img class="block object-cover w-full h-full max-w-full leading-6 uppercase align-middle rounded-full"
                                        src="{{ $applicationPreview ? Storage::disk('s3')->url ($applicationPreview->user->profile_photo_path) : '' }}" />
                                </div>
                                <div class="flex flex-col items-center gap-1 text-center">
                                    <h4 class="m-0 text-lg font-medium text-gray-700 sm:text-xl dark:text-neutral-200">
                                        {{ $applicationPreview ? $applicationPreview->user->firstname : '' }}
                                    </h4>
                                    <p
                                        class="text-xs font-normal leading-normal text-gray-500 sm:text-sm dark:text-neutral-400">
                                        {{ $applicationPreview ? __('dashboard.briefing.gender_' .
                                        strtolower($applicationPreview->user->data->gender)) : '' }} |
                                        {{ $applicationPreview ? floor(\Carbon\Carbon::parse($applicationPreview->user->data->birthday)->diffInYears()) : ''
                                        }} {{ __('dashboard.applications.years') }}
                                    </p>
                                    <p
                                        class="text-xs font-normal leading-normal text-gray-500 sm:text-sm dark:text-neutral-400">
                                        @isset($applicationPreview->user->data->state)
                                        {{ $applicationPreview->user->data->state . ', ' }}
                                        @endisset 🇧🇷
                                    </p>

                                    <a href="{{ $applicationPreview ? route('creator_profile', ['nickname' => $applicationPreview->user->nickname]) : '' }}"
                                        class="w-full text-sm font-medium leading-normal underline text-creatify-2"
                                        target="_blank">
                                        <span>{{ __('dashboard.orders.profil_preview') }}</span>
                                    </a>
                                </div>
                                <div
                                    class="text-sm font-normal leading-normal text-center text-gray-500 dark:text-neutral-400">
                                    {!! $applicationPreview ? nl2br(e($applicationPreview->message)) : '' !!}
                                </div>
                            </div>
                            <div class="flex flex-col gap-3 p-3 mt-4 rounded">
                                <form
                                    action="{{ $applicationPreview ? route('orders.applications_accept', ['uuid' => $order->uuid, 'user_uuid' => $applicationPreview->user->uuid]) : '' }}"
                                    method="POST">
                                    @csrf
                                    @method('PUT')
                                    <button type="submit"
                                        class="inline-flex items-center justify-center w-full px-3 py-2 text-sm font-semibold text-white border border-transparent rounded-lg bg-creatify-2 gap-x-2 hover:bg-creatify-2 focus:outline-none focus:ring-2 focus:ring-creatify-2 shadow-md shadow-gray-900/10 hover:shadow-lg hover:shadow-gray-900/20 dark:hover:shadow-gray-300/20 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none">
                                        {{ __('dashboard.applications.pay_and_hire') }}
                                    </button>
                                </form>
                                <form
                                    action="{{ $applicationPreview ? route('orders.applications_reject', ['uuid' => $order->uuid, 'user_uuid' => $applicationPreview->user->uuid]) : '' }}"
                                    method="POST">
                                    @csrf
                                    @method('PUT')
                                    <button type="submit"
                                        class="inline-flex items-center justify-center w-full px-3 py-2 text-sm font-medium text-gray-800 bg-white border border-gray-200 rounded-lg shadow-sm gap-x-2 hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-50 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700">
                                        {{ __('dashboard.applications.reject') }}
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>

                    {{-- Loading spinner --}}
                    <div class="h-[calc(100dvh-10rem)] w-full" wire:loading>
                        <div class="flex items-center justify-center h-full">
                            <div class="animate-spin inline-block size-6 border-[3px] border-current border-t-transparent text-creatify-2 rounded-full" role="status" aria-label="loading">
                                <span class="sr-only">Loading...</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    @endif
</div>
(h
pk

	����̷��(i
�0evector"�0��0
�0U0K�Sr���b;��6N�0�;�[��L�㻏Y���o���N�;�q={��Z7�<���6`=��i=��ּ<7軁=Ļ�"�=2�=�0��L���ׯ��iX�[�8;�s�*�;�$=����`�y=��༮�=cH<Z��;Z7�\�<mJ#=6`��LJ;��;kۼmJ������<�q=�
:����;��D=S!�<���d+�����S��=�P����7?���X�X�O=kS�;�-#=�8�;V'�<|�E:�׼�ٻ�vD�4���W�<�O�A;ٱ��y�@�������<M)��G�=%�;�Dn<VH/�,V�o��<0���2�<Ӝo;�����]�޲�;�}a���ݻS!x��-��#�,����GM�<��<+�r�V���8��P�W=�)�=��w��ּ��_F�<ϛ�"�<¯�<����Y�9ٙ��
��<�.�aa=aa;jt���`T=~{���<cH��:��Q���0�͌4����c�W�^��i�<����֊ͼ�^F<av�<��;I�����b�ܻ};���-=�"8��'=��=���q��<p4�$�7�6`<�3��<�/���ׯ��Y��(#�9MK�w'Ǽ�>;1Շ��1=���<_FH��$��L>��m��� 7������<����׼)<�Ƚ5H���o�_FH��H��ü5��<�=�<=%nM��<K�=�F=y��<�H�:x����JJ��=�k�;��I�&��ʞV<Q�<�}�<u0X<d
�<��<�k2��C�<]pN<Tg�K�X==6`=��=���R��̝��)b�m��:K22:!�Y<�L=�8��C�U;��8�u��_�<�ۊ;��;���<.J<��#��"=W?�<"�ȼ�(=.�4=j�=y�@�T�I\�<�#=Fn�<�QZ<W?��x�\<v���J0<��ɼ������;j;P;B�q=��a<i}:�
uj�
��^��<����r�;ٱ�<~�
=Ņ
�+�r<��i�/���˻B���$,=�Y=��/��;;����h����0����<g�$<��Y=�AF<�%m<�Y��A�D
�<�F=��/=;yR�?��<���:=����UϺ���H�"��Y=1Շ;}�)�9�;9�;��f;9��;�k��}ʩ<+2����;�\ҼQ�;<BS�#�!<av��L���]�?��ٱ�9）����;T�=�2Y<uQM<�P�<�v���s�a�����ui���Ѕ���z�Geɻ�b;=��f�i�=������<i�<#ż�U���)�Z�p�o��<1�=?
b��%��Q�;��$�iDa;�J���$=f���`G;�6A�Y���Z��<&�1�`����"+�S�����<TQ@�B4���WC�}pۼt���P�L��׼:`�y��o
=	t��4���V�=���y6���$=����=O�;�H�;��7����<��@=I\���Qg��b�<�d"=�|�<�i��/=ٱ��,V��x����m�{�{-	=�⚼����W��rc�<}����z<�ו�'��<��=�4��� �<�;�<
����C=n��q�=h׈<`�=�Ù</l�<�6μnA�<�Ξ���s��c<!����o';m��<����[ӭ;Jt�9�;a�h�
�e<#Ѭ<���;��<B�J<
��;�"=��=��<������𛔻��n�*S=[�8=w'G�>��<.�)�B�q�p8=��>=&�<Z�I<>�����m�~�
<�'=��	�p�;�v���=m)�:�-#�lk�<兗<g�@��N%�ڐ�[�ٱ=M��<�%�ʶ:�7?�g�K=B�;�5<Jt=��$=�/�=s�7��;]=68<�ǻi���!�:ܻ�<�����=^.��;8��;�^�������m<O�A��ퟻ�ȼ39�;�/��4�d�^��<X�<n�=�d�/lf<uQͼF����UϺ@l<mb=	t��lk����y��q�����;xW���3=e�Q�'e����v<b4�=%�B��R��$�<��=��><�R����
�����)���o
=��»&MX=>g0;H�"�XP�����(D�:Sr5��}n<�f��Î��b4����Q;S!��s̐<���-���F=<������<40>�ӽd�>�}<������<\=
U<.�4<ע���4�<d�^���ע1����?
�<�$�2�=r��.�&��<E�D<]‼P�	<�h���&<�Aƺ\�=,�a<�ō�/�=�0�<y6���K��<^OY��p;MK<K��;^���m��);���)�����(�H���-=��E!�e���풽j��<�%<mJ#9�J�:E�D<W?���w:����E=m).<�iK��x��k�
=�C ��%m�.�
��gq��6��¯�:/ޘ�_F�;av=�_���6;86<V\<);���m����M��|�����;��{��v�<�@=9�ؼ�x��`^,��΄<��=J�<r���ec;�	�K�<O�A�l2?��;��<�Y6
�|�� (<[��<�o�<���*S�;R�<�=��f=���<�2s<��]<���!4�;�<~�
�䎨<m)���m�<���<9��<�;�;�}���E=9���<�v��m��:j���.��=��<r��<9��<�4���ȼ�m&=�iX=�m3=��(<��ɼ���;�����7?=	S
����<΃#��o'=����rc�:��b<��C=;yR�I}��0e��W�;A�<��
��;��v�<�ō;���<S9ܼ&�VH/�6`�<�%< ���_��+�}�P� ��<=�%<�J���o�:�Qں^.d��}n��e<�:�P���@=*�?F;����W�?�<x�x���� U�<�	<��N�6=j�<�ph��Qt<���1�<�=ļlk��兗=TQ@���;.J<M��<
�e�	����
<�W���$�aU<xx<�O=�m3��4Z<3����J=<��/��<��$鐼�^�<�H�|y�<j�<�=E=��廞���Î���]�q���&��Zk����Ƨ��A�� 7<.�ۼ��<���㯝�������`���ӹ��m�<�i��j\�;��=<X]��ٖ<�6��Ɇr����C+����8��?��</l�;��Ȏ�Tg� (<p�ټ�x�ڐ�<9�X<Jj<r�3�;+�r<vc�8������lk�<�g<��S=�%z9}�)=�Q�;ϛ��}���e�<}�)�S���f�<lʼ�8(=5H��O�A=�]<��,<�Ì<�;N綻�/;�ۊ���@=����|�;5H":��E9D�`��;�<�i���๔Z�<^g�<�d��]7�<�����{��;��鼿�;�x� D;��ջ�?E<�����-�[=�0e�nA�d�;<�/
��1=B$<);6=X�O<Ȏ������<K�ػ�E����&=g�$�HD�<I��◹< U=/ޘ�EV��]7u��b�:���<rա��^�<�0=k�
=a;9�<��m&�cȻ��t���<a^�gJ=Ȏ��� �n@���仍��;@=��M��?������R��J�<z����$=�W���H<P��<Jj<�)H<�
�;z��<�<�v��o��<�}Լ;넼N�;^�2;g��<Z��;��<.uw<��a�E靼.�)=��<���<cL�<��ռrc２�#<f����	4�{=���<�����$=8������~�?<]�<�Y���e�<��j�X)=�̪���mb=� �<��3<��'=3Z<�);��F<���40���2Y�e�Q<l2?<Y�3��;�Qc�<�W�8�M;$�7=�̷<�G<����k%:�Y����<�m����~��iK=�S[<h~< U���i��=��%=�=[y߼+��9�=�|�@l<c��<�o�<�%����_��6�<���<mJ#����<B�?=�D�0�#=d
 <o ���iK���M<jt����<<ʏ�ע�<<����b��p��Q&�xR<+���6A�7�¼;@�;�ծ<[��?�l����<u�<��
���<x?�����;f�<���1{�;�;j<�J����~�'�<��<ܻ�8���<Ӝ�<F��{=40��.�Y=J�;���<�SA��$;�	��ջ:��<GM�;�]��gd<��<�"+=\�<�M���c|;Î�;�����)�<8��:��<�Q�<z�<���<\=���x�<��Q�m�{<6��<7ۼ���x�\�㯝<X��;�:=ϛ<��:��&��ע�av;��=��<� �;D���8��:��a¼���<��<�2�<��<�WC=¯<@=*<sZ^��yy<��7<5ɼ`��<1��+�ֹ
眼�gd<���;~�
<��3=�Q�z�}<䦌�;@��d�m<
�e<5�<2!�9�:���;M��:� �<r�<�gW����;�J=����;��<uQM���;*S��]�^Oټ嵼9�<u�<���c�W<��b;_�;@=�<���<�����z��=*o�E�(=��;7<��5���;)t�<�Α9�/��2s�	t<��<�2L<޲l=��@��
=e";Sr�<`�y<;�=o�λ�ջ<�ۊ��4@<h����d;�6<X��<�E=��*;�ۊ���<vH<��b�ߩ[<�!=6`����<�������<�N<	S�<	�����;�z��(#Ҽ[�-�<7輽$���ie=]�'�w'�;}�P����F���`��;�=޻�	;\ʜ�e/:�A�<�<l��<��绐�4���j�A5���<M�<��<5��<��=3r�;�/�< (;G�����;����=O̺}�)� �N;?=6'-��N��LJ=�/�iD�{,;��9�1<�m�<�Y�<0��<A�<Wżn�;<X]<ڐ����<��<av<��<�Y*����<�Jʼ��F��V��E��n��G�����<�@��'Ọ��a�<C+�<�E!��4�;'��<�Q���_<� Ѽ�i���D{<&���/��<%��6`<M)!�x?+<f��ߩ[������<����;�=D�W��;I���:���7�X�<C+=)=ui��C�B4�F���cL
����;����;�}G����F�����t<z���x6<.�;�ջ��⧼;�<�҆��e�;�!<$�7�TQ�;O?=?
b��:T�,�:��tC=�<S9\<V'::�=$�7�rc��=2!k��2�;m�T�v�;�	=��<<��;K��<8���
uj;D�����;_Fȼ?�<��I<��#��d��r���ph<�d�<�f	<�85�􈻨�>�K22�E靼�d�<�=.�<e�Q����<�+�<�v*< D=<p�<���P=�x���\����>.�;',�<�k2��Ì�q��<����?Ҽ)��<�������<I���`����^`���<������C=���<r�!�
眼c�W<��������3�）:>g�;�)�:�d��D�<�L�<؁�<x�<�
��40���Ξ;p�Y�Ņ
���<�i�E�O�ͼ◹<�Zk<�P���;4��;ϛ<Jj<�S�9����t�����;��;;u�
=h~;F�3��Ϋ�i��%�B�e�*=gM�џ;�ǁ<<�<�����p�;�Α����;2��<
��<��ܼ��&MX<D
�<r�������v��I��Y6
<z�<Î��@v<b�L;2!k��׼��<���<�T�K�;�b�<�UO�ʂ;�^�<ϸ�}��I�����:a�;cL�:Z�p�H�;�K8䎨<d+��8�ͻ�N<�f�<��g;V`�;lJ���=!�Y�I}����^��<���<��D;o�C:����	S�<.uw<�m���ǁ<M)!=aB�}�)�D
<p4����;�E!<���a�h;�G<�҆��Y<9�:�:����=[�Լ%�»�N�;���;K���2�=�ph<�c|��s< =�� =�����<���Ӝ�<O�7��1�&��;��}�_!<jt�;�+�;(\+<=OL<��S�)����R��+�9(j
RowID

	����̷��
	Timestamp

	ه��̷��(


milvus_id: 452165072252046215
data:
VsourceH2F
Dresources/views/dashboard/business/order/livewire/briefing.blade.php(d
Y	file_pathH2F
Dresources/views/dashboard/business/order/livewire/briefing.blade.php(e
'	file_name2
briefing.blade.php(f
	file_type2
.php(g
��text��2��
��<section class="relative flex flex-col gap-5 lg:flex-row">
    {{-- Left part --}}
    <div class="flex flex-col lg:w-7/12 gap-7">
        {{-- Page title --}}
        <p class="text-4xl font-bold text-gray-700 dark:text-neutral-200">
            {{ __('dashboard.briefing.title') }}
        </p>
        {{-- Video duration
        <div class="flex items-center gap-3">
            <div
                class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-creatify-bg dark:bg-neutral-900">
                <img src="{{ asset('img/svgs/video-camera.svg') }}" class="size-6 filter-to-creatify-2" alt="">
            </div>
            <p class="text-lg font-semibold text-gray-700 dark:text-neutral-200">
                {{ __('dashboard.orders.video') }}: {{ $order->seconds }} {{ __('dashboard.orders.seconds') }}
            </p>
        </div> --}}
        {{-- Product title --}}
        <div
            class="p-4 border rounded-lg dark:border-neutral-700 hs-accordion bg-creatify-bg dark:bg-neutral-900 border-creatify-2">
            <div class="flex items-start gap-2">
                <svg class="w-6 h-6 text-creatify-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 14v7M5 4.971v9.541c5.6-5.538 8.4 2.64 14-.086v-9.54C13.4 7.61 10.6-.568 5 4.97Z"/>
                </svg>
                <div class="flex flex-col w-full">
                    <p class="mb-1 text-base font-bold text-gray-700 dark:text-neutral-200 whitespace-nowrap">
                        {{ __('dashboard.briefing.title_of_order') }}
                    </p>
                    <x-input id="title_of_order" class="block w-full" type="text" name="title_of_order"
                        wire:model.defer="orderTitle"
                        wire:change="orderTitleCall"
                        required />
                    @error('orderTitle')
                        <span class="text-sm text-left text-red-500">{{ $message }}</span>
                    @enderror
                </div>
            </div>
        </div>
        {{-- Video language --}}
        <div class="flex flex-col gap-1">
            <x-label for="video_language" class="flex items-start gap-1">
                {{ __('dashboard.briefing.language') }}
                <span class="text-rose-600">*</span>
            </x-label>
            @php
                $selectedLanguageName = '';
                $selectedLanguageIcon = '';
                $languages = config('app_custom.languages');
                $selectedLanguage = array_filter($languages, function($language) use ($selectedLanguage) {
                    return $language['id'] == $selectedLanguage;
                });

                if (!empty($selectedLanguage)) {
                    $selectedLanguageName = __(reset($selectedLanguage)['name']);
                    $selectedLanguageIcon = asset(reset($selectedLanguage)['icon']);
                }
            @endphp
            <button type="button"
                class="flex items-center justify-start px-3 py-2 text-sm capitalize border rounded-lg w-44 border-stone-200 text-stone-800 placeholder:text-stone-300 focus:z-10 focus:border-creatify-2 focus:ring-creatify-2 dark:bg-neutral-800 dark:border-neutral-600 dark:text-neutral-200 dark:placeholder:text-neutral-500 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-neutral-600"
                data-dropdown-toggle="dropdownLanguage">
                <img src="{{ $selectedLanguageIcon }}" alt="{{ $selectedLanguageName }}" class="w-4 mr-2">
                {{ $selectedLanguageName }}
                <svg class="block ml-auto size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round">
                    <path d="m6 9 6 6 6-6" />
                </svg>
            </button>
            {{-- List --}}
            <div id="dropdownLanguage"
                class="z-30 hidden bg-white divide-y rounded-lg shadow divide-neutral-100 w-44 dark:bg-neutral-900">
                <ul class="py-2 text-sm text-neutral-900 dark:text-neutral-200" aria-labelledby="dropdownDefaultButton">
                    @foreach ($languages as $language)
                        <li>
                            <button type="button"
                                class="flex w-full px-4 py-2 capitalize hover:bg-neutral-100 dark:hover:bg-neutral-600 dark:hover:text-white text-start" 
                                wire:click="updateSelectedLanguage('{{ $language['id'] }}')">
                                <img src="{{ asset($language['icon']) }}" alt="{{ $language['name'] }}" class="w-4 mt-1 mr-2">
                                {{ __($language['name']) }}
                            </button>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
        {{-- Format --}}
        <div class="flex flex-col gap-1">
            <x-label for="format" class="flex items-start gap-1">
                {{ __('dashboard.briefing.video_format') }}
                <span class="text-rose-600">*</span>
            </x-label>
            <div
                class="grid grid-cols-2 border divide-x divide-y rounded-lg sm:divide-y-0 sm:grid-cols-5 divide-stone-200 dark:divide-neutral-600 border-stone-200 dark:border-neutral-600">
                @foreach ($videoFormat as $format)
                    <div wire:key="{{ $loop->index . 'aspctratio' }}" class="relative h-full {{ $loop->last ? 'col-span-2 sm:col-span-1' : 'col-span-1' }}">
                        <input type="radio" name="videoDuration"
                            wire:model="selectedFormat"
                            wire:change="selectedFormatCall"
                            value="{{ $format->title }}"
                            class="absolute inset-0 z-10 w-full h-full opacity-0 cursor-pointer peer"
                            @checked($selectedFormat == $format->title)>
                        <div
                            class="flex items-center gap-2 flex-col w-full p-4 transition-all peer-checked:bg-teal-50 peer-checked:ring peer-checked:ring-teal-200 peer-hover:bg-teal-50 peer-hover:ring-teal-200 peer-hover:ring dark:peer-checked:bg-[#242B34] dark:peer-hover:bg-[#242B34]">
                            <img src="{{ $format->icon }}" class="size-10"
                                alt="">
                            <p class="text-base font-bold text-center text-gray-700 dark:text-neutral-200">
                                {{ $format->title }}
                            </p>
                            <div class="inline-flex items-center justify-center gap-4">
                                @foreach ($format->media as $brand)
                                    <img src="{{ $brand }}" class="size-4 dark:invert dark:grayscale dark:brightness-0" alt="">
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
        {{-- Process of the video --}}
        <div class="flex flex-col gap-1">
            <x-label for="video_expiry" class="flex items-start gap-1">
                {{ __('dashboard.briefing.sequence') }}
                <span class="text-rose-600">*</span>
            </x-label>
            <textarea id="video_expiry"
                wire:model.defer="videoProcess"
                name="video_expiry"
                class="textareaStyle min-h-[200px] md:min-h-[100px]"
                placeholder="{{ __('dashboard.briefing.sequence_placeholder') }}" required>
            </textarea>
            @error('sequence')
                <span class="text-sm text-left text-red-500">{{ $message }}</span>
            @enderror
        </div>
        {{-- Topics --}}
        <div class="flex flex-col gap-1">
            <x-label for="topics" class="flex items-start gap-1">
                {{ __('dashboard.briefing.topics') }}
                <span class="font-medium text-gray-600 dark:text-neutral-500">
                    ({{ __('dashboard.briefing.optional') }})
                </span>
            </x-label>
            <textarea id="topics"
                wire:model.defer="mentionedTopics"
                name="topics"
                class="textareaStyle min-h-[200px] md:min-h-[100px]"
                placeholder="{{ __('dashboard.briefing.topics_placeholder') }}">
            </textarea>
        </div>
        {{-- callToAction --}}
        <div class="flex flex-col gap-1">
            <x-label for="ups_product" class="flex items-start gap-1">
                {{ __('dashboard.briefing.cta') }}
                <span class="font-medium text-gray-600 dark:text-neutral-500">
                    ({{ __('dashboard.briefing.optional') }})
                </span>
            </x-label>
            <textarea id="ups_product"
                wire:model.defer="callToAction"
                name="usp_product"
                class="textareaStyle min-h-[200px] md:min-h-[100px]"
                placeholder="{{ __('dashboard.briefing.cta_placeholder') }}">
            </textarea>
        </div>
        {{-- Visual --}}
        <div class="flex flex-col gap-1">
            <x-label for="visual" class="flex items-start gap-1">
                {{ __('dashboard.briefing.visual') }}
                <span class="font-medium text-gray-600 dark:text-neutral-500">
                    ({{ __('dashboard.briefing.optional') }})
                </span>
            </x-label>
            <textarea id="visual"
                wire:model.defer="visualDescription"
                name="visual"
                class="textareaStyle min-h-[200px] md:min-h-[100px]"
                placeholder="{{ __('dashboard.briefing.visual_placeholder') }}">
            </textarea>
        </div>
        {{-- Don't use --}}
        <div class="flex flex-col gap-1">
            <x-label for="please_mediate" class="flex items-start gap-1">
                {{ __('dashboard.briefing.donts') }}
                <span class="font-medium text-gray-600 dark:text-neutral-500">
                    ({{ __('dashboard.briefing.optional') }})
                </span>
            </x-label>
            <textarea id="please_mediate"
                wire:model="mediateDescription"
                name="please_mediate"
                class="textareaStyle min-h-[200px] md:min-h-[100px]"
                placeholder="{{ __('dashboard.briefing.donts_placeholder') }}" required>
            </textarea>
        </div>
        {{-- Photo requirements --}}
        @if ($order->pictures > 0)
            <div class="flex flex-col gap-1">
                <x-label for="photo_requirements" class="flex items-start gap-1">
                    {{ __('dashboard.briefing.photo_requirements') }}
                    <span class="text-rose-600">*</span>
                </x-label>
                <textarea id="photo_requirements"
                    wire:model.defer="photoDescription"
                    name="photo_requirements"
                    class="textareaStyle min-h-[200px] md:min-h-[100px]"
                    placeholder="{{ __('dashboard.briefing.photo_requirements_placeholder') }}">
                </textarea>
                @error('photoDescription')
                    <span class="text-sm text-left text-red-500">{{ $message }}</span>
                @enderror
            </div>
        @endif

        {{-- Additional_files
        <div
            class="flex flex-col overflow-hidden bg-white border shadow-sm mt-9 border-stone-200 rounded-xl dark:bg-neutral-800 dark:border-neutral-700">
            <div
                class="flex items-center justify-between px-5 py-3 border-b gap-x-5 border-stone-200 dark:border-neutral-700">
                <h2 class="inline-block font-semibold text-stone-800 dark:text-neutral-200">
                    {{ __('dashboard.briefing.supplementary_files') }}
                </h2>
            </div>

            <div class="p-5 space-y-4">
                <div class="grid grid-cols-2 gap-3 md:grid-cols-4">
                    <!-- Image upload preview -->
                </div>

                <div class="flex items-center justify-center w-full">
                    <label for="images"
                        class="flex flex-col items-center justify-center w-full bg-white border border-dashed cursor-pointer h-[19rem] border-stone-300 rounded-xl dark:hover:bg-bray-800 dark:bg-neutral-800 dark:border-neutral-600 hover:bg-gray-50 dark:hover:border-gray-500 dark:hover:bg-gray-600">
                        <div class="flex flex-col items-center justify-center pt-5 pb-6">
                            <svg class="w-16 mx-auto text-stone-400 dark:text-neutral-400" width="70"
                                height="46" viewBox="0 0 70 46" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M6.05172 9.36853L17.2131 7.5083V41.3608L12.3018 42.3947C9.01306 43.0871 5.79705 40.9434 5.17081 37.6414L1.14319 16.4049C0.515988 13.0978 2.73148 9.92191 6.05172 9.36853Z"
                                    fill="currentColor" stroke="currentColor" stroke-width="2"
                                    class="fill-white stroke-stone-400 dark:fill-neutral-800 dark:stroke-neutral-500" />
                                <path
                                    d="M63.9483 9.36853L52.7869 7.5083V41.3608L57.6982 42.3947C60.9869 43.0871 64.203 40.9434 64.8292 37.6414L68.8568 16.4049C69.484 13.0978 67.2685 9.92191 63.9483 9.36853Z"
                                    fill="currentColor" stroke="currentColor" stroke-width="2"
                                    class="fill-white stroke-stone-400 dark:fill-neutral-800 dark:stroke-neutral-500" />
                                <rect x="17.0656" y="1.62305" width="35.8689" height="42.7541" rx="5"
                                    fill="currentColor" stroke="currentColor" stroke-width="2"
                                    class="fill-white stroke-stone-400 dark:fill-neutral-800 dark:stroke-neutral-500" />
                                <path
                                    d="M47.9344 44.3772H22.0655C19.3041 44.3772 17.0656 42.1386 17.0656 39.3772L17.0656 35.9161L29.4724 22.7682L38.9825 33.7121C39.7832 34.6335 41.2154 34.629 42.0102 33.7025L47.2456 27.5996L52.9344 33.7209V39.3772C52.9344 42.1386 50.6958 44.3772 47.9344 44.3772Z"
                                    stroke="currentColor" stroke-width="2"
                                    class="stroke-stone-400 dark:stroke-neutral-500" />
                                <circle cx="39.5902" cy="14.9672" r="4.16393" stroke="currentColor"
                                    stroke-width="2" class="stroke-stone-400 dark:stroke-neutral-500" />
                            </svg>
                            <p class="mb-2 text-sm text-gray-500 dark:text-gray-400">
                                <span
                                    class="relative font-semibold bg-white rounded-lg cursor-pointer text-creatify-1 hover:text-creatify-1 decoration-2 hover:underline focus-within:outline-none focus-within:ring-2 focus-within:ring-green-600 focus-within:ring-offset-2 dark:bg-transparent dark:text-creatify-2 dark:hover:text-creatify-3 dark:hover:bg-gray-600">Click
                                    to upload </span>
                                <span class="font-medium pe-1 text-stone-800 dark:text-neutral-200">or drag and
                                    drop</span>
                            </p>
                            <p class="text-xs text-gray-500 dark:text-gray-400">{{ __('profile.setcard.maxfilesize') }} {{ config('app_custom.filesize.product_image') ?? '5mb' }} (.jpg, .jpeg, .png).</p>
                        </div>
                        <input id="images" type="file" class="sr-only" name="images[]" multiple
                            accept="image/png, image/jpeg" required>
                    </label>
                </div>


                <p class="text-sm text-stone-500 dark:text-neutral-500">
                    {{ __('dashboard.products.upload_images_text') }}
                </p>
            </div>
        </div>--}}

        {{-- Total creators --}}
        <div class="flex items-center gap-3 mt-7">
            <div
                class="inline-flex items-center justify-center w-10 h-10 rounded-full bg-creatify-bg dark:bg-neutral-900">
                <img src="{{ asset('img/svgs/users.svg') }}" class="size-6 filter-to-creatify-2" alt="">
            </div>
            <p class="text-lg font-semibold text-gray-700 dark:text-neutral-200">
                {{ $order->additional_creators + 1 }} {{ $order->additional_creators == 0 ? __('dashboard.briefing.creator') : __('dashboard.briefing.creators') }}
            </p>
        </div>
        {{-- Receive Application --}}
        <div class="flex items-center gap-4 sm:gap-2">
            <x-checkbox id="receive_application"
                wire:model="receiveApplication"
                wire:model.change="receiveApplicationCall"
                name="receive_application" />
            <label for="receive_application" class="text-gray-700 dark:text-neutral-200">
                <span class="font-bold">{{ __('dashboard.briefing.receive_application') }}</span>
            </label>
        </div>

        {{-- Gender --}}
        <div class="flex flex-col sm:pl-6 gap-7">
            <div class="flex flex-col gap-2">
                <p class="text-sm font-medium text-gray-600 uppercase dark:text-neutral-500">
                    {{ __('dashboard.briefing.gender') }}
                </p>
                <div class="flex flex-col sm:flex-row sm:flex-wrap sm:items-center gap-x-10 gap-y-4">
                    <div class="flex items-center gap-2">
                        <input id="all" type="radio" value="all" name="gender" wire:model="gender" wire:click="changeGender" class="inputRadio"
                            required @checked($gender == 'all')>
                        <label for="all"
                            class="text-sm font-medium text-gray-900 dark:text-neutral-200">{{ __('dashboard.briefing.gender_all') }}</label>
                    </div>
                    <div class="flex items-center gap-2">
                        <input id="male" type="radio" value="male" name="gender" wire:model="gender" wire:click="changeGender" class="inputRadio"
                            required @checked($gender == 'male')>
                        <label for="male"
                            class="text-sm font-medium text-gray-900 dark:text-neutral-200">{{ __('dashboard.briefing.gender_male') }}</label>
                    </div>
                    <div class="flex items-center gap-2">
                        <input id="female" type="radio" value="female" name="gender" wire:model="gender" wire:click="changeGender" class="inputRadio"
                            required @checked($gender == 'female')>
                        <label for="female"
                            class="text-sm font-medium text-gray-900 dark:text-neutral-200">{{ __('dashboard.briefing.gender_female') }}</label>
                    </div>
                    <div class="flex items-center gap-2">
                        <input id="divers" type="radio" value="divers" name="gender" wire:model="gender" wire:click="changeGender" class="inputRadio"
                            required @checked($gender == 'divers')>
                        <label for="divers"
                            class="text-sm font-medium text-gray-900 dark:text-neutral-200">{{ __('dashboard.briefing.gender_other') }}</label>
                    </div>
                </div>
            </div>

            {{-- Age --}}
            <div class="flex flex-col gap-2" x-data="{
                minAge: 18,
                maxAge: 40,
                from: {{ $minAge }},
                to: {{ $maxAge }},
            }" x-init="
                $nextTick(() => {
                    $range = $('#ageRange').ionRangeSlider({
                        skin: 'round',
                        type: 'double',
                        min: minAge,
                        max: maxAge,
                        from: from,
                        to: to,
                        prettify: format40,
                        onChange: (data) => {
                            this.from = data.from;
                            this.to = data.to;
                        },
                        onFinish: (data) => {
                            {{-- Mutating Livewire values after finish slider event --}}
                            $wire.minAge = data.from;
                            $wire.updateminAge();
                            $wire.maxAge = data.to;
                            $wire.updatemaxAge();
                        }
                    });
                    function format40(num) {
                        if(num == '40') {
                            return num + '+';
                        } else return num
                    }
                })
            ">
                <p class="text-sm font-medium text-gray-600 uppercase dark:text-neutral-500">
                    {{ __('dashboard.briefing.age') }}
                </p>
                {{-- Range Slider JS --}}
                <span class="relative block lg:w-6/12" wire:ignore>
                    <input type="text" id="ageRange" name="age_range" value="" />
                </span>
            </div>

            {{-- Further_requirements --}}
            <div class="flex flex-col gap-1">
                <x-label for="further_requirements" class="flex items-start gap-1">
                    {{ __('dashboard.briefing.additional_requirements') }}
                    <span class="font-medium text-gray-600 dark:text-neutral-500">
                        ({{ __('dashboard.briefing.optional') }})
                    </span>
                </x-label>
                <textarea id="further_requirements" wire:model.defer="furtherRequirements"  name="further_requirements" class="textareaStyle min-h-[200px] md:min-h-[100px]"
                    placeholder="{{ __('dashboard.briefing.additional_requirements_placeholder') }}"></textarea>
            </div>
        </div>

        {{-- Ask creators
        <div>
            <div class="flex items-center gap-4 sm:gap-2">
                <x-checkbox id="ask_creators" name="ask_creators" data-modal-target="modalCreatorList" data-modal-toggle="modalCreatorList" wire:model="askCreators" />
                <label class="text-gray-700 dark:text-neutral-200">
                    <span class="font-bold">{{ __('dashboard.briefing.ask_creators') }}</span>
                    {{ __('dashboard.briefing.already_worked_with') }}
                </label>
            </div> --}}

            {{-- Selected Creators
            <div class="flex flex-col mt-4 sm:pl-6 max-w-96">
                <div class="flex items-center justify-between px-3 py-2 border-b bg-creatify-bg dark:bg-neutral-900 border-b-gray-200 dark:border-b-neutral-700 last:border-b-0">
                    <div class="inline-flex items-center gap-3">
                        <img src="https://avatar.iran.liara.run/public/40" class="rounded-full size-10" alt="">
                        <p class="text-sm font-semibold text-neutral-900 dark:text-neutral-200">
                            Simon
                        </p>
                    </div>
                    <button type="button" class="inline-flex items-center justify-center w-8 h-8 text-sm text-gray-400 transition-all bg-transparent rounded-lg hover:bg-gray-200 hover:text-gray-900 ms-auto dark:hover:bg-neutral-600 dark:hover:text-white">
                        <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
                        </svg>
                    </button>
                </div> --}}
                {{-- Add creator
                <button type="button" class="flex gap-1.5 text-base text-neutral-900 dark:text-neutral-200 items-center px-3 py-2 border-b bg-creatify-bg dark:bg-neutral-900 border-b-gray-200 dark:border-b-neutral-700 last:border-b-0" data-modal-target="modalCreatorList" data-modal-toggle="modalCreatorList">
                    <span class="inline-flex items-center justify-center w-8 h-8" data-modal-hide="modalCreatorList">
                        <svg class="size-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14m-7 7V5"/>
                        </svg>
                    </span>
                    {{ __('dashboard.briefing.add_creators') }}
                </button>
            </div>
        </div> --}}

        {{-- Modal Creators
        <div id="modalCreatorList" data-modal-backdrop="static" tabindex="-1" aria-hidden="true" class="hidden overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full">
            <div class="relative w-full max-w-2xl max-h-full p-4">
                <div class="relative bg-white rounded-lg shadow dark:bg-neutral-800">
                    <div class="flex items-center justify-between p-4 rounded-t md:p-5">
                        <div>
                            <h3 class="text-base font-semibold text-gray-900 dark:text-neutral-200">
                                {{ __('dashboard.briefing.modal_title') }}
                            </h3>
                            <p class="text-sm text-gray-900 dark:text-neutral-200">
                                {{ __('dashboard.briefing.modal_caption') }}
                            </p>
                        </div>
                        <button type="button" class="inline-flex items-center justify-center w-8 h-8 text-sm text-gray-400 transition-all bg-transparent rounded-lg hover:bg-gray-200 hover:text-gray-900 ms-auto dark:hover:bg-neutral-600 dark:hover:text-white" data-modal-hide="modalCreatorList">
                            <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
                                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
                            </svg>
                            <span class="sr-only">
                                {{ __('dashboard.applications.close_modal') }}
                            </span>
                        </button>
                    </div>
                    <div class="my-2">
                        @foreach ($creators as $creator)
                            <label for="{{ $creator->id }}" class="flex items-center justify-between transition-all cursor-pointer hover:bg-creatify-bg dark:hover:bg-neutral-500 has-[:checked]:bg-gray-200 dark:has-[:checked]:bg-neutral-600 p-4 sm:p-5 border-b border-b-gray-200 dark:border-b-neutral-700">
                                <div class="inline-flex items-center gap-3">
                                    <x-checkbox name="{{ $creator->id }}" id="{{ $creator->id }}" />
                                    <img src="https://avatar.iran.liara.run/public/40" class="rounded-full size-10" alt="">
                                    <p class="text-sm font-semibold text-neutral-900 dark:text-neutral-200">
                                        {{ $creator->first_name }}
                                    </p>
                                </div>
                                <div class="inline-flex items-center gap-5 lg:gap-12">
                                    <p class="w-16 text-sm text-neutral-900 dark:text-neutral-200">
                                        {{ $creator->ongoing_tasks }}
                                        {{ $creator->ongoing_tasks > 1 ? 'tasks' : 'task' }}
                                    </p>
                                    <div class="inline-flex">
                                        <img src="{{ asset('img/svgs/star-full.svg') }}" class="size-4" alt="">
                                        <span class="text-sm ms-1 text-neutral-900 dark:text-neutral-200">
                                            {{ $creator->rating }}
                                        </span>
                                    </div>
                                </div>
                            </label>
                        @endforeach
                    </div>
                    <div class="flex items-center justify-end gap-5 p-4 rounded-b md:p-5">
                        <button data-modal-hide="modalCreatorList" type="button" class="p-3 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg focus:outline-none hover:bg-gray-100 hover:text-gray-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-neutral-800 dark:text-gray-400 dark:border-neutral-600 dark:hover:text-white dark:hover:bg-neutral-700">
                            {{ __('dashboard.briefing.modal_cancel') }}
                        </button>
                        <button data-modal-hide="modalCreatorList" type="button" class="btn btn-primary">
                            {{ __('dashboard.briefing.modal_confirm') }}
                        </button>
                    </div>
                </div>
            </div>
        </div> --}}
    </div>

    {{-- Right part --}}
    <div class="mt-20 mb-24 sm:pb-5 sm:mt-0 lg:p-5 lg:w-5/12 sm:bg-creatify-bg sm:dark:bg-neutral-900 lg:mb-0 rounded-xl">
        <div class="lg:sticky lg:top-20">
            <div class="overflow-hidden bg-white shadow rounded-xl lg:rounded-lg dark:bg-neutral-700">
                {{-- Order details --}}
                <div class="px-3 py-5 border-b lg:px-5 border-b-gray-200 dark:border-b-neutral-700">
                    <div class="flex items-start gap-4">
                        <div
                            class="inline-flex items-center justify-center rounded-full size-12 bg-creatify-bg dark:bg-neutral-800">
                            <img src="{{ asset($order->productImages->first()->image) }}" class="object-cover w-12 h-12 rounded" alt="">
                        </div>
                        <div>
                            <p class="mb-1 text-sm font-medium dark:text-neutral-200 text-stone-800">
                                {{ __('dashboard.briefing.your_order_for') }}
                            </p>
                            <p class="text-base font-bold text-gray-700 dark:text-neutral-200">
                                {{ $order->product->title }}
                            </p>
                        </div>
                    </div>
                    <div class="flex gap-5 mx-auto mt-3 justify-left">
                        {{-- Video duration --}}
                        <div class="inline-flex items-center gap-1">
                            <div class="p-2 rounded-full bg-creatify-bg dark:bg-neutral-800">
                                <img src="{{ asset('img/svgs/video-camera.svg') }}"
                                    class="size-5 filter-to-creatify-2" alt="">
                            </div>
                            <p class="text-sm text-gray-700 dark:text-neutral-200">
                                {{ $order->seconds }} {{ strtolower(substr(__('dashboard.orders.seconds'), 0, 1)) }}
                            </p>
                        </div>
                        {{-- Creators --}}
                        <div class="inline-flex items-center gap-1">
                            <div class="p-2 rounded-full bg-creatify-bg dark:bg-neutral-800">
                                <img src="{{ asset('img/svgs/users.svg') }}"
                                    class="size-5 filter-to-creatify-2" alt="">
                            </div>
                            <p class="text-sm text-gray-700 dark:text-neutral-200">
                                {{ $order->additional_creators + 1 }}
                            </p>
                        </div>
                        {{-- Hook --}}
                        @if ($order->hooks)
                        <div class="inline-flex items-center gap-1">
                            <div class="p-2 rounded-full bg-creatify-bg dark:bg-neutral-800">
                                <img src="{{ asset('img/svgs/film.svg') }}"
                                    class="size-5 filter-to-creatify-2" alt="">
                            </div>
                            <p class="text-sm text-gray-700 dark:text-neutral-200">
                                {{ $order->hooks }}
                            </p>
                        </div>
                        @endif
                        {{-- Pictures --}}
                        @if ($order->pictures)
                        <div class="inline-flex items-center gap-1">
                            <div class="p-2 rounded-full bg-creatify-bg dark:bg-neutral-800">
                                <img src="{{ asset('img/svgs/image-placeholder.svg') }}"
                                    class="size-5 filter-to-creatify-2" alt="">
                            </div>
                            <p class="text-sm text-gray-700 dark:text-neutral-200">
                                {{ $order->pictures }}
                            </p>
                        </div>
                        @endif
                    </div>
                </div>
                {{-- Steps --}}
                <div class="px-3 py-5 lg:px-5">
                    <p class="text-2xl font-bold text-gray-700 dark:text-neutral-200 mb-7">
                        {{ __('dashboard.briefing.step_title') }}
                    </p>

                    <ol class="relative ml-3 border-gray-200 border-s dark:border-neutral-600">
                        @foreach ($steps as $step)
                            <li class="mb-10 ms-6 last:mb-0" wire:key="{{ $step->id }}">
                                <span @class([
                                    'absolute flex items-center justify-center rounded-full size-5 -start-2.5 border border-dashed',
                                    'bg-creatify-2 border-transparent' =>
                                        $step->isComplete || $step->isCurrent,
                                    'bg-gray-100 dark:bg-neutral-600 border-creatify-2 dark:border-neutral-500' =>
                                        !$step->isComplete && !$step->isCurrent,
                                ])>
                                    @if ($step->isComplete)
                                        <svg class="size-2.5 text-white" aria-hidden="true"
                                            xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 12">
                                            <path stroke="currentColor" stroke-linecap="round"
                                                stroke-linejoin="round" stroke-width="2"
                                                d="M1 5.917 5.724 10.5 15 1.5" />
                                        </svg>
                                    @endif
                                </span>
                                <p class="text-sm">{{ __($step->text) }}</p>
                            </li>
                        @endforeach
                    </ol>
                </div>
                <div class="flex flex-col px-3 py-5 lg:px-5 bg-neutral-800 gap-7">
                    <button type="button" wire:click="saveDetail" class="w-full px-3 py-2 font-semibold text-white border border-transparent rounded-lg bg-creatify-2 gap-x-2 hover:bg-creatify-2 focus:outline-none focus:ring-2 focus:ring-creatify-2 shadow-md shadow-gray-900/10 hover:shadow-lg hover:shadow-gray-900/20 dark:hover:shadow-gray-300/20 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none text-lg">
                        {{ __('dashboard.briefing.publish_order') }}
                    </button>
                    <a href="{{ route('orders.view') }}" class="inline-flex items-center justify-center gap-2 text-base font-medium text-center transition-all text-creatify-2 dark:text-creatify-1 hover:underline dark:hover:text-creatify-2 hover:text-creatify-1">
                        {{ __('dashboard.briefing.fill_in_later') }}
                        <svg class="size-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 12H5m14 0-4 4m4-4-4-4"/>
                        </svg>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
(h
pk

	����̷��(i
�0evector"�0��0
�0�Z:R��:�d��O��M����a�g���>��c�;OU9</�b=���zgҼ�L(���<�o=�8��V*O:Yb�MN�=1�<o�ɼ�f[;�eg�n
��n���m���E�<{�=�&��?D�=���6��<�n�<����qT��<�ϼ<w�<m]P<Փ�<PB���Pl��w�;�N<�W�<����fغ&=Wd=�T?:��<����q�|=����ϼ�ܝ��
7;��z=!O�:�RW=�n򼜊"='�%0��'��<e��D��<�<m����%�<�
:j	���t;���<0���=�<�&�<��h�Ճ��<Aq׼�r�<���1켕{V�z�:S���� G�#ɖ�PB)�v�ϼu��;�T�<ȉ+<=𪼹��;���<c�<��=����"�q>Ӽ�^�<o<���<B<m]P�E���I ͽ��=D���>=��{<~Hռ�^�<�L<�;�;�L(��г�����"<�ȼ%�9;jV������V*�]�������B8�<?W$:�*L<E?J���@��k"<+x��\�=�������<`��<��)��=Nۯ���&��5�<�SH����<���$<�h� u-��,���ּFp<��G�X�=#i@<�HҼ����.��h��]ʻ<�伀O����p�l0����<� ǽ�n�ji=:�� �M;��T��<�@8:)��<U���Ʊ<S��<�T=��7=�u�k�F��,4�xM=��&<IZ��6�����:<U<<2:;��<#�<B��<���5.�<�Ӓ<l�6<[�!=�-=
=@ѭ=6���B��?W$�f;t��m�O���X��:"|P=��1\:��r<ؚмX�=�&��ӌ�<R��<�f�<U����'=�=�P�!��<?��<zzb=*+F�@ѭ�S��;^&=z�=`@�;_>�&�)<�x��ѧ<����E�����:<3'<�D�<�j1;~��������ods;ł��M<��<�&v=�O���!<J眼La��J眼�K��'�<�&�<���;)�<���$�[ҡ��)�<2:=6?=E?�<6��<���0��G�<��t=K�=ȉ���8$<*R�A��<I ͼ�V'�Cx�� u-:�#�<�*<z�(����Nۯ<m�<#	j<B��:
��<t����m<H�#��ѧ�]���o;�1�ޑ<s��:yq�.l����<V��<=�<�"<��d<�����;x`/�4�����<%й��m���U�bZq���=��ƻ���<����[�<�+@;ji���𧻰����m���;i�=���R׼[�[���o���;��;J�<�c|����<͗q�[E��x�<9(�o$����3���O�J�V����Q]<N�;f�:��HR���O�&]S�B8';;K=�Z�6�μ3g�<1`2��8����<��X�SQ<�=��ȼ~5�<C�@=����#&���;cG�<
o�<B8���+@<���MN���}�������;���<F��E��9�T��>�
=���2�;=O���xM�<�U=�x���;�v�<�\V���!=)dv����<�-�<�^=�� =1`2<=�Ի�}<ŕ;#	j��#<�����a<㊟<���mJ@;�����6�<�j��_><c;lp`<iܣ;���<(�\<�IF=b��<.Y����"��0�b�G�X�H�`�=��7=�	d<���<��r�l��G�<zgR=���/�b<SѼ|�ۼ�(�<��<�c|�/�8������<�7*:0�Ҽӌ
=��=��0��6�����������<&<)��*��Fp;�0=��<�|<9�=�i7=�$�=�L���5=��к�c���U6��_����<׭`��O�<�Ʈ���;�C�;`��A�
��{V�����;:E��m]�<3�+�N{Y�4��㝯;� �=8�<�Ž;��μc��������S:3�<#ɖ��ּ�O�����MN���m;X񞼆�:=S6��[E��'��<x=�
�����?�M<�=i�#=�(^�?���(�L�l�p���c�[ҡ<��;&�=jw;*+Ƽ����K���<_f^�e��<ȉ���9���G�I ͼJ�,=�¼��y���i=��ؼ�`�<������0��<5�޺�Ȝ<��I=Փ�:�1�;3�+�4TE<��:� м*+Ƽ��<��<���D�<�c|�=���\�<ul�;'�'�<<c��q��;���;�$=ր�<ws��7�.=��=Ļ���^��ێc���ּw:�O<l0����<>n�fՀ<R\\��K4�d��A��U<���:m����疽
��<��<t,��ڵ<gu*����	�U<���bZ�<�<�а�w����<���dn��*>ֻ�N�a)��ѻ�¼�O�:Ĩ(=���v楼�O<�ܝ;��� P<9�a�/�8����;����2��<�=n�ټws�;.l�<��<u�<���<��<V�%<�7-��N<KԌ��5�E��;���<t��=�;\��q>�<��<�{�:cGửu'<�C<��<����Z<�'�<J�V<X�X<�"�2;7HX���2�y�H<�����ܠ<��<W?;��b<b���gb=4������<k+����uF;m�y=�;�n�<�ѧ<i|�9b�7�:<k=(�L=׭`=�<������}<G���z<��9=զ=���<��'�PB)=���gO��'<�4N=0&�:�>����!�p�*>�<���yk���f<-2�;�@�<�D�T��1M"��n��
[��<�b���"�`�'�	���\=�%�����ǥ��&<�{V��z�P�b:F�c��߼Q�B���f;�&�����D�<�E���ź��v�<�ݔ<A�
�S#,=�T?=fỪ���U����y�;��¡���O�=d��A��<�/�;�C�<���Qo켩Zn<?�M����<�)�:�8��+6=�69�hO�<�}���=Y<��������¼��<u����<�Ҟ<��=V*�<1�;3gպ
��;c�����y<=�*<{\�gb��qԼ�� ��T�<ێ�{�=~5E�)�������߼A^G�}���E�<=�����<ZX=hL�S��<U����!;�($#���.�pQc��X�<.��v�:u����n�&]ӽa�;�
�<G󉼛�R�y:�<dn��@1=�{V�2:��S�e<)��;<P���G�}��<~�<��7=��;��<�)ػAq׼�|J��X��B��;����W��S��<����'=�z߼��'=�(�<�&��(�<�v���
�;0sB<G�ü��M=��<	B,�}���p��<���<����t0<��G�Cx��׭`<���<�/=Gd�=Ʒ���)������#���
�($�:G�w<AqW<o$ <�\��k<hļ���{�k<S�����<�5<q�=;v�<�_�������=)�:�Qݼ>�<c��)�<<^yn��.=�'=��&���:Z�{�LP<,E�<zzb�"��<	�=�"=����
�E���O�׭`<��]�=�\ּ�N�<m]P� b�:���f��g<��*�����(a��u�;�����7<��\<��N=W���;꿋<�qQ<��;q>S<�Ou<^&=�0��/=�!��>�
<-/����<۲;I
�;��.�v��<�B���+���=ws�<�A/=��'�(��X���c|<��3�m����g�<=��<��<~5E=h�m��#��U�<���<*R�u��<��,��#=��ߩ�
��;�x�<a<�"2=���;
�E�/��;{����b����v�O<,&�	��v�O�~;=���f�<��$=��<M�i<��P�4T�7��DR�<5A5��<<t߂=���lж<W��-�<X=
@=�b�<q>Ӽێc��=U<<d1<1M�<�a�;�^;b�,&;�B#=��	�l0
=+6=u�����X<-�;~��<|�˻�j�9ł��3ze<iɓ�&�<%�;��;���ji=���C;UP０Z�� b;1M��E?J<�i��Ҳ*��ދ<��<ods�^�~:�V���&�;p�9<���ł��ǜ�<RI̹
�X�4���y�<��3<:��;���<�)�E?�<񁑼�����<%<
=��;n
<7���};��<$V��C�к�0�<���<��=��<�n���8�p��;4����=��><C��<<���<��C<�z<�)�9�Q<S6����0<^9�<��żՓ-�r���;;𧱼�P�<�ș�La����ؼ�]��қ;�F�<��;���;mJ@�*��<ul�>}ļՓ�;iɓ9�v�<Q��<N=�<h<�RT<G��;�Yw<�dm;����`S�<}<��6<r�l�Yk�;��'<GY�;�=�����;R�"�Cxz;@�<��y<�=�L(<���T��'�	��4�<�+=<U��;���<�ݼG�	�f�<`Sμܵ�<X���pݻɶ��:��y��<��m<�&��r�;J�f<G��;�]M<�:�<�`,��m�����=��л�]�<��<0��<C�м�Z:2<�L%���̼�:�����<�Q�<T�U<��r=	��t�=�B;���<0Ә<�D=�(�;���;W�軋��<��z�9���N��$C =�g�<B��;զ=� �<e�J<�
�xM�<�;�<)�<�
�X<)���'m���@<mJ@��5B;��;�&��}n������ZX��Z��@�缠_=��j;Cx�;Փ-�����L��m�y;���;��"<)Qf��2�9��<��<�;<�n��m���ԏ��ݼ��;��<@�<#�=ӌ
=c��hO�<��a�%й��^D�Fy���$��D��p�)����<q>S�Թͼ���<�2�A���а;|�˻�#�<Fp;2:�<�$�<�b�<�������;Փ-<�G[<��<�SK<Cx�<4�=�HR���e<���2:�� J��#&;��	��+�Ļ8<p����ɍ�%0��Z�;<P='�l�>�;r�<F�AqW<�H�v�_��l<�3Z���4<��ӼOs�ܵ	����<Im��u�5�T��0��OU9<�c��iɓ��+�����6�M�<��<cG�<%0�;�i���Ʊ�]L+�:����m{<�}>���<�pZ�z����X��&�<ؚм�<	B,�#����qT�Ճ�����q+C;o�I<!�p��q�;��<}n��^�~��e缡E��m]P=3g�<A��<5.%<�6�<���=Y�H��<�
[�զ�;IZ���[�l��<�D�<�E�;Q��<gT:l0���qѼ}[e<<c���=�Z�<��i�Փ���
[����<-�;��;�ǥ��SH;���:h�m�
����M� (�<�M=;)[�%0<y��<\u�D�0=�<�N�G�S=9�Q���0���;h�3:!�<5.��������< ׹ܵ��Nȟ<)Q�l0�<P/��9����:��*=Yk������l=6�<�����Ѽ6�<�����9<��ռ�u'��%<6�;#���ԏ<ⰿ;a��<3�+<�}��H���l�6��5;�ռ���<P�Ҽ�W��^����<���:���<��8q>ӻd19��7<�<�i���m�y<o<��<���<��&<��w��Y�9���ﰼ���<�|J��鄻㊟<��<�B&��=\<1`���n;��<6�<�����<%p�<��S<�а����u��;xY:���<�:<b���b<>}D;�n�ǜ��r#=ǜ;<����q>ӷ���z�(���ݻ b<�2�=�Լ6��4�<�Pi<;������<�X�M;�<�*̻
���Fy���E���+��B#��E����s=rμ4��<� �:U�5<��=$�Y<,�t����<W��<�D��^A<q+C=�����r��)<<P���;"�&<t9��O����<F*;>ʊ���d�^�~<���<�
���<��*���f<A�
���<���<}����<�1���S;����<gԼξ<Im�>j4�}���4<{T¼t2f<��</�8�^�D�r�<����ʣ^�[�!�����(j
RowID

	����̷��
	Timestamp

	ه��̷��(


milvus_id: 452165072252046216
data:
[sourceM2K
Iresources/views/dashboard/business/order/livewire/checkout-form.blade.php(d
^	file_pathM2K
Iresources/views/dashboard/business/order/livewire/checkout-form.blade.php(e
,	file_name2
checkout-form.blade.php(f
	file_type2
.php(g
��text��2��
��<form action="{{ route('orders.payment_process', ['uuid' => $order->uuid]) }}" method="post" class="flex flex-col gap-5">
    @csrf
    @if(empty($user->data) || empty($user->data->name) || empty($user->data->street) || empty($user->data->city) || empty($user->data->zip) || empty($user->data->state) || $user->data->updated_at->diffInMinutes(now()) < 15)
        <p class="pt-3 text-base font-bold text-gray-800 dark:text-neutral-200">
            {{ __('profile.contact.subtitle') }}
        </p>
        <p class="-mt-4 text-sm text-gray-400">
            {{ __('profile.contact.line1') }}
        </p>

        {{-- Name --}}
        <div class="grid grid-cols-12 gap-y-1.5 sm:gap-y-0 sm:gap-x-5">
            <div class="col-span-4">
                <x-label for="name" value="{{ __('profile.contact.name') }}" />
            </div>
            <div class="col-span-8">
                <x-input id="name" type="text" class="block w-full mt-1" wire:model="name" wire:keydown="changeName" placeholder="{{ __('profile.contact.name_placeholder') }}" />
                <x-input-error for="name" class="mt-2" />
            </div>
        </div>

        {{-- Company --}}
        @if($user->data->cpf_cnpj == 'CNPJ')
            <div class="grid sm:grid-cols-12 gap-y-1.5 sm:gap-y-0 sm:gap-x-5">
                <div class="col-span-4">
                    <x-label for="name" value="{{ __('profile.contact.company') }}" />
                </div>
                <div class="col-span-8">
                    <x-input id="company" type="text" class="block w-full mt-1" wire:model="company" wire:keydown="changeCompany" placeholder="{{ __('profile.contact.company_placeholder') }}" />
                    <x-input-error for="company" class="mt-2" />
                </div>
            </div>
        @endif

        {{-- Postal Code / City --}}
        <div class="grid sm:grid-cols-12 gap-y-1.5 sm:gap-y-0 sm:gap-x-5">
            <div class="col-span-4">
                <x-label for="zip" value="{{ __('profile.contact.zip') }}" /> / <x-label for="city" value="{{ __('profile.contact.city') }}" />
            </div>
            <div class="col-span-8">
                <div class="grid sm:grid-cols-2 gap-y-1.5 sm:gap-y-0 sm:gap-x-5">
                    <div class="sm:col-span-2 xl:col-span-1">
                        <x-input id="zip" type="number" class="block w-full mt-1" wire:model="zip" wire:keydown="changeZip" wire:change="zipCallCheckout" placeholder="{{ __('profile.contact.zip_placeholder') }}" />
                        <x-input-error for="zip" class="mt-2" />
                    </div>
                    <div class="sm:col-span-2 xl:col-span-1">
                        <x-input id="city" type="text" class="block w-full mt-1" wire:model="city" wire:keydown="changeCity" placeholder="{{ __('profile.contact.city_placeholder') }}" />
                        <x-input-error for="city" class="mt-2" />
                    </div>
                </div>
            </div>
        </div>

        {{-- Street / Number --}}
        <div class="grid sm:grid-cols-12 gap-y-1.5 sm:gap-y-0 sm:gap-x-5">
            <div class="sm:col-span-4">
                <x-label for="street" value="{{ __('profile.contact.street') }}" /> / <x-label for="apto" value="{{ __('profile.contact.number') }}" />
            </div>
            <div class="sm:col-span-8">
                <div class="grid sm:grid-cols-2 gap-y-1.5 sm:gap-y-0 sm:gap-x-5">
                    <div class="sm:col-span-2 xl:col-span-1">
                        <x-input id="street" type="text" class="block w-full mt-1" wire:model="street" wire:keydown="changeStreet" placeholder="{{ __('profile.contact.street_placeholder') }}" />
                        <x-input-error for="street" class="mt-2" />
                    </div>
                    <div class="sm:col-span-2 xl:col-span-1">
                        <x-input id="number" type="text" class="block w-full mt-1" wire:model="number" wire:keydown="changeNumber" placeholder="{{ __('profile.contact.number_placeholder') }}" />
                        <x-input-error for="number" class="mt-2" />
                    </div>
                </div>
            </div>
        </div>

        {{-- Apartment --}}
        <div class="grid sm:grid-cols-12 gap-y-1.5 sm:gap-y-0 sm:gap-x-5">
            <div class="sm:col-span-4">
                <x-label for="apto" value="{{ __('profile.contact.additional') }}" />
            </div>
            <div class="sm:col-span-8">
                <x-input id="apto" type="text" class="block w-full mt-1" wire:model="apto" wire:keydown="changeApto" placeholder="{{ __('profile.contact.additional_placeholder') }}" />
                <x-input-error for="apto" class="mt-2" />
            </div>
        </div>

        {{-- State / Country --}}
        <div class="grid sm:grid-cols-12 gap-y-1.5 sm:gap-y-0 sm:gap-x-5">
            <div class="col-span-4">
                <x-label for="state" value="{{ __('profile.contact.state') }}" /> / <x-label for="country" value="{{ __('profile.contact.country') }}" />
            </div>
            <div class="col-span-8">
                <div class="grid sm:grid-cols-2 gap-y-1.5 sm:gap-y-0 sm:gap-x-5">
                    <div class="sm:col-span-2 xl:col-span-1">
                        <x-input id="state" type="text" class="block w-full mt-1" wire:model="state" wire:keydown="changeState" placeholder="{{ __('profile.contact.state_placeholder') }}" />
                        <x-input-error for="state" class="mt-2" />
                    </div>
                    <div class="sm:col-span-2 xl:col-span-1">
                        <x-input id="country" type="text" class="block w-full mt-1 disabled:cursor-not-allowed dark:disabled:bg-neutral-800 dark:disabled:border-neutral-700 dark:disabled:text-neutral-200 disabled:bg-gray-50 disabled:text-gray-500" wire:model="country" placeholder="{{ __('profile.contact.country_placeholder') }}" disabled readonly />
                        <x-input-error for="country" class="mt-2" />
                    </div>
                </div>
            </div>
        </div>
        
        <hr class="my-6 border-t border-gray-200 dark:border-neutral-700">
    @endif

    <p class="pt-3 text-base font-bold text-gray-800 dark:text-neutral-200">
        {{ __('dashboard.checkout.payment_details') }}
    </p>
    <p class="-mt-4 text-sm text-gray-400">
        {{ __('dashboard.checkout.payment_details_text') }}
    </p>

    {{-- Select Payment Method --}}
    <div class="flex flex-col gap-2">
        <x-label for="email" value="{{ __('dashboard.checkout.select_payment') }}" />
        <div class="grid grid-cols-2 gap-3 sm:gap-4">
            {{-- PIX --}}
            <div class="relative">
                <input type="radio" name="payment_method" value="pix"
                    class="absolute inset-0 w-full h-full opacity-0 cursor-pointer peer"
                    {{ $paymentMethod == 'pix' ? 'checked' : null }} wire:click="updatePaymentMethod('pix')">
                <div
                    class="flex flex-col items-start w-full gap-3 p-5 transition-all border border-gray-200 peer-checked:bg-teal-50 peer-checked:ring peer-checked:ring-teal-200 peer-hover:bg-teal-50 peer-hover:ring-teal-200 peer-hover:ring dark:peer-checked:bg-neutral-700 dark:peer-hover:bg-neutral-700 dark:border-neutral-700 rounded-xl">
                    <img src="{{ asset('img/svgs/pix.svg') }}" class="w-auto h-6" alt="">
                    <p class="block text-sm text-gray-800 dark:text-neutral-200">
                        {{ __('dashboard.checkout.pix') }}
                    </p>
                </div>
            </div>
            {{-- Boleto --}}
            <div class="relative">
                <input type="radio" name="payment_method" value="boleto"
                    class="absolute inset-0 w-full h-full opacity-0 cursor-pointer peer"
                    {{ $paymentMethod == 'boleto' ? 'checked' : null }} wire:click="updatePaymentMethod('boleto')">
                <div
                    class="flex flex-col items-start w-full gap-3 p-5 transition-all border border-gray-200 peer-checked:bg-teal-50 peer-checked:ring peer-checked:ring-teal-200 peer-hover:bg-teal-50 peer-hover:ring-teal-200 peer-hover:ring dark:peer-checked:bg-neutral-700 dark:peer-hover:bg-neutral-700 dark:border-neutral-700 rounded-xl">
                    <img src="{{ asset('img/boleto.png') }}" class="w-auto h-6" alt="">
                    <p class="block text-sm text-gray-800 dark:text-neutral-200">
                        {{ __('dashboard.checkout.boleto') }}
                    </p>
                </div>
            </div>
            {{-- Credit Card --}}
            <div class="relative">
                <input type="radio" name="payment_method" value="credit_card"
                    class="absolute inset-0 w-full h-full opacity-0 cursor-pointer peer"
                    {{ $paymentMethod == 'credit_card' ? 'checked' : null }} wire:click="updatePaymentMethod('credit_card')">
                <div
                    class="flex flex-col items-start w-full gap-3 p-5 transition-all border border-gray-200 peer-checked:bg-teal-50 peer-checked:ring peer-checked:ring-teal-200 peer-hover:bg-teal-50 peer-hover:ring-teal-200 peer-hover:ring dark:peer-checked:bg-neutral-700 dark:peer-hover:bg-neutral-700 dark:border-neutral-700 rounded-xl">
                    <svg class="w-6 h-6 stroke-gray-800 dark:stroke-neutral-200" data-slot="icon" fill="none"
                        stroke-width="2" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
                        aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round"
                            d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Z">
                        </path>
                    </svg>
                    <p class="text-sm text-gray-800 dark:text-neutral-200">
                        {{ __('dashboard.checkout.credit_card') }}
                    </p>
                </div>
            </div>
            {{-- Debit Card --}}
            <div class="relative">
                <input type="radio" name="payment_method" value="debit_card"
                    class="absolute inset-0 w-full h-full opacity-0 cursor-pointer peer"
                    {{ $paymentMethod == 'debit_card' ? 'checked' : null }} wire:click="updatePaymentMethod('debit_card')">
                <div
                    class="flex flex-col items-start w-full gap-3 p-5 transition-all border border-gray-200 peer-checked:bg-teal-50 peer-checked:ring peer-checked:ring-teal-200 peer-hover:bg-teal-50 peer-hover:ring-teal-200 peer-hover:ring dark:peer-checked:bg-neutral-700 dark:peer-hover:bg-neutral-700 dark:border-neutral-700 rounded-xl">
                    <svg class="w-6 h-6 stroke-gray-800 dark:stroke-neutral-200" data-slot="icon" fill="none"
                        stroke-width="2" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
                        aria-hidden="true">
                        <path stroke-linecap="round" stroke-linejoin="round"
                            d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Z">
                        </path>
                    </svg>
                    <p class="text-sm text-gray-800 dark:text-neutral-200">
                        {{ __('dashboard.checkout.debit_card') }}
                    </p>
                </div>
            </div>
        </div>
    </div>

    {{-- Card Details --}}
    @if ($paymentMethod == 'credit_card1' || $paymentMethod == 'debit_card1')
        <div class="flex flex-col">
            <x-label for="card_details" value="{{ __('dashboard.checkout.card_details') }}" />
            <div class="grid grid-cols-2 gap-3 my-2 sm:gap-4">
                {{-- Add New Card --}}
                <div class="relative">
                    <input type="radio" name="card_details" value="addNewCard"
                        class="absolute inset-0 w-full h-full opacity-0 cursor-pointer peer"
                        wire:click="updateIsAddNewCard" {{ $isAddNewCard ? 'checked' : null }}>
                    <div
                        class="flex flex-col items-start w-full gap-3 p-5 transition-all border border-gray-200 peer-checked:bg-teal-50 peer-checked:ring peer-checked:ring-teal-200 peer-hover:bg-teal-50 peer-hover:ring-teal-200 peer-hover:ring dark:peer-checked:dark:bg-neutral-700 dark:peer-hover:bg-neutral-700 dark:border-neutral-700 rounded-xl">
                        <svg class="w-6 h-6 stroke-gray-800 dark:stroke-neutral-200" data-slot="icon" fill="none"
                            stroke-width="1.5" stroke="currentColor" viewBox="0 0 24 24"
                            xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                            <path stroke-linecap="round" stroke-linejoin="round"
                                d="M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path>
                        </svg>
                        <p class="block text-sm text-gray-800 dark:text-neutral-200">
                            {{ __('dashboard.checkout.add_new_card') }}
                        </p>
                    </div>
                </div>
                {{-- Saved Card --}}
                <div class="relative">
                    <input type="radio" name="card_details" value="savedCard"
                        class="absolute inset-0 w-full h-full opacity-0 cursor-pointer peer"
                        wire:click="updateIsAddNewCard" {{ !$isAddNewCard ? 'checked' : null }}>
                    <div
                        class="flex flex-col items-start w-full gap-3 p-5 transition-all border border-gray-200 peer-checked:bg-teal-50 peer-checked:ring peer-checked:ring-teal-200 peer-hover:bg-teal-50 peer-hover:ring-teal-200 peer-hover:ring dark:peer-checked:dark:bg-neutral-700 dark:peer-hover:bg-neutral-700 dark:border-neutral-700 rounded-xl">
                        <div class="flex items-center gap-3">
                            <svg class="w-6 h-6 stroke-gray-800 dark:stroke-neutral-200" data-slot="icon"
                                fill="none" stroke-width="2" stroke="currentColor" viewBox="0 0 24 24"
                                xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Z">
                                </path>
                            </svg>
                            {{-- Bank Name --}}
                            <p class="text-base font-medium text-gray-800 dark:text-neutral-200">
                                Bank Name
                            </p>
                        </div>
                        <p class="block text-sm text-gray-800 dark:text-neutral-200">
                            {{ '**** **** **** 2209' }}
                        </p>
                    </div>
                </div>
            </div>
            @if ($isAddNewCard)
                <x-input id="cardholder_name" type="text" class="block w-full"
                    placeholder="{{ __('Cardholder Name') }}" required />
                {{-- Card number, exp date, cvv --}}
                <div>
                    <div class="relative">
                        <x-input id="cardholder_number" type="number" class="block w-full rounded-b-none"
                            placeholder="{{ __('Cardholder Number') }}" required />
                        <img src="{{ asset('img/svgs/visa.svg') }}"
                            class="absolute w-auto h-2 translate-y-1/2 right-3 bottom-1/2" alt="">
                    </div>
                    <div class="grid grid-cols-2">
                        <x-input id="card_exp_date" type="number"
                            class="block w-full !-mt-2 rounded-t-none !border-t-0 rounded-br-none"
                            placeholder="{{ __('Expiry date') }}" required />
                        <x-input id="card_cvv" type="number"
                            class="block w-full !-mt-2 rounded-t-none !border-t-0 rounded-bl-none" placeholder="•••"
                            required />
                    </div>
                </div>
                <p class="mt-1 mb-6 text-sm text-gray-400">
                    {{ __('Payment is secure and encrypted') }}
                </p>
            @endif
        </div>
    @endif

    <x-button class="!text-lg group relative">
        {{ __('dashboard.checkout.order_now') }}
        <svg class="absolute w-0 h-0 transition-all duration-300 ease-in-out translate-x-1/2 translate-y-1/2 right-1/2 stroke-white group-hover:w-5 group-hover:h-5 group-hover:translate-x-20 bottom-1/2"
            data-slot="icon" fill="none" stroke-width="2" stroke="currentColor" viewBox="0 0 24 24"
            xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path>
        </svg>
    </x-button>
</form>
(h
pk

	����̷��(i
�0evector"�0��0
�0�;Ż)�
�3�㼥
�Z������~ʼ�|<�z�<� �����<�-�����#ـ�T��<]wE=���%�<x(<�[J=�8p<�~�:���<�	�$³��g���һPy�!��<<��4
5=����oZ<��h;�˼�;9�aV|<4
5=��H<�w�������m�=���<4��t�!=#7�hJW�-�A;~��<�O%��~�;�TG��݊=��������8X��:��3~=��<��=穁;��<Y����jD��0<A�y�#��0�;=��;���\��d�=z#��E�=*޼�ɞ;�3<_��<B���BT��k�;��Py;_<�ݼ6��O%�<ޭӼBJ����*�r��1`�u%�;=qF��J3�i���z�<fO�=�H�퐋<�O1��L<D<]��<���<��0������ĸ��	�<%τ��3f=E_<��^�h�>=�~T<�w!��ݢ�!HF���t��o�<��m����p�_��:�>�0�v�J��O�<���;�E<8�k��oڻX�<�O�;�lm=��R��8p<{�<h�>�1`<���;ݲѼ��<ڼM�k��<��(�>����x;���<r�����G6�<�I��t@=�p=޿"�k;�;��ȼ�m%�@ꗻ�����ʼ����3�K�_������G��[� �ܼ@a��%�;�<���<��5��<V#=E_=�a=�H�<�∼��뼤=W�<j��;P2��x(=!6w<��ٺlѕ<T#�9eO%ȼ��<���<l�x(=�3�<���<v�V=�'�;fOռ��!6w��߼��f��M�<j�B=P���eF�C����f�N<=�*<�j�<T�=AO�RB�#>�<.�=~�����<5=�r�=O%Ȼ�Yżl��i�@=H�#=�/�;`z�<'�;	0��w�<5��;"��%�d;�M��7�i=�R����ϼ����-�r��Bl;����0�=�ej<��<��9�?f.�6|O�����g�
��D}��X=�E=��<�:�<S���&F�3��;F�!=��<���<'A<#7�d��<)7�<�yV=�=�%��w�'=Py���<_�0��m<�a�钴9c�<�ӎ����7wQ<-Z<����W��9/\��� <�̼�4�|��q���R���|����\-;�z��O��t*:<����7w�<><��<�Y�<���<7��<&�5�/��I�%<�<eTS�I�%���5��Lh<�LP;:�<�ɞ�t�<\�<[�;^`���/�<0�v�S(<M�<��,�H�#�(<!;ma�S(�<�T�����<M���f<���y�:�cA=M�\��݊��^C������:k֓��<w]9m����@7�1/�x�<�<� �<��i��%�9�-=~���'ͼ��<��м�a<��м�%$���$=`z=��k������:�O�:�ʻ�ۅ����<RB���n�����"U����+<�.=��x�HC<=@a��W~�<�c<>�D=��;��<��-<��<���v2�<=�Ś=�Լ3!=�JK=�a�=�oZ<Ci��{Ƽ�t:KF��]�R	��F;i���<_��<����ɶ;�˼lH�;U���{s<�c����<=��<�^+<�Y-<��<p'e<���(��2&�����(��(�=Z��<�w-���X<�9�W���w-<v2
=샺����<p�L��R���	�<p9�<�J��@a0�~ʼ�R=�"<�R�<־�<Ḥ<�V̻�T;�����Tмu�<���<u7�;�^C�CW�;�%=���7����Ӛ<��0=�^C=<��<2&�=�]��;ż8�:����f:=o�ʼ2�<����oP�<H�#<�������
���9����d�<u�<�6G������#��``��o�=o>2<6��;u7��m���#�<�Μ;=ä��y�����=�a��>���<O7��M=E����;t*�<�%=K'�ʆ���<V#=AO�<y������;^rǼc^ϼ�N<�T;�s=|H�2���Q���G6�;2y�<2yz�a�<���ğ�-�r������eҼ��<�>�)�
;!�^=C�}���I���־v�|[;� �:	0=-(�;��Jo�9��;�"�<�Qr�F�м�����<��\;j�󼝒L<�;�Xu��T�<T�h�_�a��և��W��F;�vi�e�:<�'�<�M �z#=_��<��l;�^�DR6<Q���nC�<�X;I>�<��<S��<��ռj@ۼZ����tL�a�4���u��<�`�;�Μ�V�;=b��<�m����$�!6�9ݲQ�KF�<ä��c5=���;�����N���<��:�D�������W�痲�I�ּˁ<z��:�yJ=C�L;j�s8;�����<c^O��u;�	��,?��2<=��ޭ�<�:�|<{����;���<��< �<��<�<�;E��.t����D}��N<�k�<�ü4���M����<��<8rS�+���[��<�p=��˼���<W�<ef�<���:��<��:�c<lH.�l�=^`���m�<���<�<�W����C��~H=M����T;=���;�W;N�����c=&�'ʆ<u�;iEٺO���&=�=�<�=���rA���:;��P��߳<*�=r���C�<� ��>k,=r��\�����=&4N=`�c:褃��_;�ǁ�U!=񁑼h�o�N��<�r���E�<V���-����<��4����T;��;Ѽ�W<a����[b=Z�Y��
�ğ<h�eTӻ�p��j@[<%`<�E����;�8�n�-ڻ�=�BT�n���b�<um<H�#���<'��<Y���?]�]<8
�<cټoP���4=	0�����aV�;�ƽ<��缦��������*�5�:�J�;ڼM��<�W���`<����JK<���;�J����0����|�/<�w���`�<���<`z=�QN=�F��~�;tk�w@��W�;�M�<�6;�B�J<<�q:	0�����;�c�:앉=_���W����[�����*":fa$���<�˼�W;M�<�6�	0�<�'�#Ǳ�I�ּ3�����ߨU���M�u4<��<X���*^�lH�<���<eD���<�a:�.=N<�������<B�;t�R��ǁ��$�<�F�n1a=�a��/�<�6�<j�¼�񎼐@ϼ=�3f�2��:�<���
=XּpK�= �\<�����B�|�<�>��(<!<f�<�aV�<t��;�{���9�{�<~�=��<"CH<�%���yJ;XV<��<�=�*"����<D�N�O��i�����-�s/�:��;%9L��M<Z��<ğ�oP�i=�oB�M/D����<�����<,-'�
=6<m���^缊�<ä�;h׻\��<�|�=��<��;k�<(<�<]�ݼ�1I���9��C�;�1�<\�ۼo<��E<�	=�3f:Q��<D�N:�'<&����	=o�{�33=b��۪��'�<�\�<9�����.�üv�m�w����VL=T�7<��<�I��@�<.��ɋ=�=ʆ��R�d<ˁ�<+��;��<��8��oZ�穁��a�<��<�>��21<�1�;��U�:=�=�^�<��+=:�����g�
���Y�;ǃF��\��!��<5o~�=^�<DR6=Ȑ�'ʆ�k�<��<�`Ⱥ�/=����[<1��r#�
!�;��<m�w<��<d�]wE��،��.;���z���T�<�߳8�S�M��<۪�<�{s���=��5=rA=�Y!�P�;־��z��:��<���/�;S(=눸���<}���M��:iE�;�=��<�.�����;��<<��<�VL�u%�<�J?<�k��~���E_<,�<1�ǼT�7=��=6|O��M=�EM�R�<���.�C<�r;<�L\�	0��f�;�{��� <R	���'A���������2����Y�L4B<i��<T����K�i��<�=��Q;��<��E��*�P2�<�H"���û~��;�=n
��G�;� &=�
<�*"�R��<R��!6w<}�����^���=B�<R�=�z:"CH����m<ߨ�<�(��Y��褃<�G<��r=<��<y�Z��ϻ��S;.�üE�=���<s�<�O�<R��<Z�;P�;Q-�<�.t<�"ϼ�m�<%9L;��ͼB�ʼ?���<��;	0=�J˼>;�'�{���Z
�<K'q<{��bp�<g��;��5���';1���.<ˁ�0��;M�+=���<p��<�
=\j�;$�<3!��*���c5=۪�;|�<6�;X%<o>�<��=뚇�'ʆ<c�g������և<%`<S��<Ʂ<�M ���;P��C<i�@;�x<-��;c�5�e;t�R�oǙ�ݲ�9h�>�An��� ����$=��<�4���,���9<����8�<t*:<���T#�'/�=ڼM��.==p*=�-�<&"���*�hc<��=�;h�:�˻�H
=r"�<�ۅ<�=y¼�O�<,-�;5��<�$==�I�iW(<�yJ<۩<�� ���<��<4=��<�*�����-=�&;CE��]���\�<�k��JK<Z
)�2���"=����|�<�9�n�H���g��|��p�̻����;���<XV������;��8
�������T#<$K�;x�X:��?��\<IP
=��=��/<��;;���>�]wE��߳<�><�U<p'�;s�<���;�=(��U���<��L�Z�Sκ�/�;���;�<��3��J˼-��;�4��X%����95;�'M�r�<P2�<}�=6|O<���i�<�6�;E_�<\j�<��c<�W�;�-();�jD<�ɞ����y�n��
��/���9�<���8�(;�8d���<��<i����~�3��:
�;�YE�4���7:(<!<Q-<�=R	}�<��;��	<�<+������<U��2&�2yz<iEټ1�G�h�o��ﻅ����#���޻Z��<_;�ƽ��e^�C�L<k;ݼ	�O<5����A�@a������=z�6�<��5��:)7#;
9��J���M��a���;���L<�(<�z<x(�<<cY;D@g�����T���և=�r;=�Y�<�E<��;;h׼��̻��=AO��D}�<����
<��<I�ֻ`hK:~���J3<���;3�K��Y�<��+��m%=�4=s��n�ȼvo�o,c<��=�.h;R�3�ˁ�;"�/:�6;�6��-ڼN�-=�q�<&���O�`<]�]=�ɞ<��P=�C�~��<�W=�|<$Ԃ��$x;�m�<�ؘ<��#�6��5o~;8rS;=p*��m�<&"����<�w��=p*��~H<�Q�<���:���I=��C<�h���瞼��:4�ͼ���;�W��^C�
j<=^�;�4����<���:痲<�W<�����Q�ڼM�$��:����朰<�o��X��"̯�ݲQ<\�;%�9ߨպ־v��I;�^<u4�-��;D�N����<� �;w-<m�=��7<�;�3�;#P�E_�����<f��ݲѼ�9�<`��;�	M��X�<G�R;o�<�t@<�J�<$,���Gv;��=~yb<0޻[��� �&"�@a�<��;�!Hƻ�_��e<
� ��]��*�<+
<�cA��o���7�<�q��W�<?�F<>��=�����P��:oP�<�8=E_����<8��`<j@ۼ�����^����;�b���~�<x(���p=ߺ$;�eR��|;�6;��<s<�w!;��*�Fѡ<�Lh<1�G:�̋��,W=�|<f�o�J:�QZ�7wQ����<�����������5���<*޹a�<�(<�!�c^O:H1m�j�s<ce��[�<�g{<TP��[V��Lܼ+��;�|7�7w�<~�z�@s<\�=~��'/P;�a<�'ټ��<\�;��Y<E_���(=�Y��}�1���U<k֓�(j
RowID

	����̷��
	Timestamp

	ه��̷��(


milvus_id: 452165072252046217
data:
\sourceN2L
Jresources/views/dashboard/business/order/livewire/modal-briefing.blade.php(d
_	file_pathN2L
Jresources/views/dashboard/business/order/livewire/modal-briefing.blade.php(e
-	file_name2
modal-briefing.blade.php(f
	file_type2
.php(g
��text��2��
��<div id="hs-briefing-modal" class="hs-overlay hidden size-full fixed top-0 start-0 z-[80] overflow-x-hidden overflow-y-auto pointer-events-none">
        <div class="hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-0 opacity-0 ease-out transition-all sm:max-w-lg sm:w-full m-3 sm:mx-auto h-[calc(100%-3.5rem)] min-h-[calc(100%-3.5rem)] flex items-center">
          <div class="flex flex-col w-full max-h-full overflow-hidden bg-white border shadow-sm pointer-events-auto rounded-xl dark:bg-neutral-800 dark:border-neutral-700 dark:shadow-neutral-700/70">
            <div class="flex items-center justify-between px-4 py-3 border-b dark:border-neutral-700">
              <h3 class="font-bold text-gray-800 dark:text-white">
                {{ __('dashboard.briefing.title') }}
              </h3>
              <button type="button" class="flex items-center justify-center text-sm font-semibold text-gray-800 border border-transparent rounded-full size-7 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none dark:text-white dark:hover:bg-neutral-700" 
                    data-hs-overlay="#hs-briefing-modal">
                <span class="sr-only">
                    {{ __('dashboard.applications.close_modal') }}
                </span>
                <svg class="flex-shrink-0 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                  <path d="M18 6 6 18"></path>
                  <path d="m6 6 12 12"></path>
                </svg>
              </button>
            </div>
            <div class="p-4 overflow-y-auto">
                <div class="space-y-4">
                    
                    {{-- Order details --}}
                    <div class="px-3 py-5 lg:px-5">
                        <div class="flex items-start gap-4">
                            <div
                                class="inline-flex items-center justify-center rounded-full size-12 bg-creatify-bg dark:bg-neutral-800">
                                <img src="{{ asset($order->productImages->first()->image) }}" class="object-cover w-12 h-12 rounded" alt="">
                            </div>
                            <div>
                                <p class="mb-1 text-sm font-medium dark:text-neutral-200 text-stone-800">
                                    {{ __('dashboard.briefing.your_order_for') }}
                                </p>
                                <p class="text-base font-bold text-gray-700 dark:text-neutral-200">
                                    {{ $order->product->title }}
                                </p>
                            </div>
                        </div>
                        <div class="flex gap-5 pt-4 mx-auto justify-left">
                            {{-- Video duration --}}
                            <div class="inline-flex items-center gap-1">
                                <div class="p-2 rounded-full bg-creatify-bg dark:bg-neutral-800">
                                    <img src="{{ asset('img/svgs/video-camera.svg') }}"
                                        class="size-5 filter-to-creatify-2" alt="">
                                </div>
                                <p class="text-sm text-gray-700 dark:text-neutral-200">
                                    {{ $order->seconds }} {{ strtolower(substr(__('dashboard.orders.seconds'), 0, 1)) }}
                                </p>
                            </div>
                            {{-- Creators --}}
                            @if ($view == 'business')
                                <div class="inline-flex items-center gap-1">
                                    <div class="p-2 rounded-full bg-creatify-bg dark:bg-neutral-800">
                                        <img src="{{ asset('img/svgs/users.svg') }}"
                                            class="size-5 filter-to-creatify-2" alt="">
                                    </div>
                                    <p class="text-sm text-gray-700 dark:text-neutral-200">
                                        {{ $order->additional_creators+1 }} {{ trans_choice('dashboard.progress.creator', $order->additional_creators+1) }}
                                    </p>
                                </div>
                            @endif
                            {{-- Hook --}}
                            @if ($order->hooks)
                            <div class="inline-flex items-center gap-1">
                                <div class="p-2 rounded-full bg-creatify-bg dark:bg-neutral-800">
                                    <img src="{{ asset('img/svgs/film.svg') }}"
                                        class="size-5 filter-to-creatify-2" alt="">
                                </div>
                                <p class="text-sm text-gray-700 dark:text-neutral-200">
                                    {{ $order->hooks }} {{ trans_choice('dashboard.progress.hooks', $order->hooks) }}
                                </p>
                            </div>
                            @endif
                            {{-- Pictures --}}
                            @if ($order->pictures)
                            <div class="inline-flex items-center gap-1">
                                <div class="p-2 rounded-full bg-creatify-bg dark:bg-neutral-800">
                                    <img src="{{ asset('img/svgs/image-placeholder.svg') }}"
                                        class="size-5 filter-to-creatify-2" alt="">
                                </div>
                                <p class="text-sm text-gray-700 dark:text-neutral-200">
                                    {{ $order->pictures }} {{ trans_choice('dashboard.progress.photos', $order->pictures) }}
                                </p>
                            </div>
                            @endif
                            @if ($order->ads > 0)
                            <div class="inline-flex items-center gap-1">
                                <div class="p-2 rounded-full bg-creatify-bg dark:bg-neutral-800">
                                <img src="{{ asset('img/svgs/radar-line.svg') }}"
                                    class="size-5 filter-to-creatify-2" alt="">
                                </div>
                                <p class="text-sm text-gray-700 dark:text-neutral-200">
                                    {{ $order->ads }} {{ trans_choice('dashboard.month', $order->ads) . ' ' . __('dashboard.orders.ads4') }}
                                </p>
                            </div>
                            @endif
                        </div>
                        <div class="flex gap-5 pb-4 mx-auto justify-left">
                            <div class="inline-flex items-center gap-1">
                                <div class="p-2 rounded-full bg-creatify-bg dark:bg-neutral-800">
                                    @php
                                        $video_format = '';
                                        $formats = config('app_custom.video_formats');
                                        $db_format = str_replace(':', '/', $order->details->video_format); // Wandelt "4:5" in "4/5" um
                                        $selected_format = array_filter($formats, function($format) use ($db_format) {
                                            return $format['id'] == 'format_'.$db_format;
                                        });

                                        if (!empty($selected_format)) {
                                            $video_format = reset($selected_format)['icon'];
                                        }
                                    @endphp
                                    <img src="{{ asset($video_format) }}" 
                                        class="flex-shrink-0 size-5" alt="">
                                </div>
                                <p class="text-sm text-gray-700 dark:text-neutral-200">
                                    {{ $order->details->video_format }}<br>
                                </p>
                            </div>
                            <div class="inline-flex items-center gap-1">
                                <div class="p-2 rounded-full bg-creatify-bg dark:bg-neutral-800">
                                    @php
                                        $language_name = '';
                                        $languages = config('app_custom.languages');
                                        $selected_language = array_filter($languages, function($language) use ($order) {
                                            return $language['id'] == $order->details->language;
                                        });

                                        if (!empty($selected_language)) {
                                            $language_name = __(reset($selected_language)['name']);
                                        }
                                    @endphp
                                    <img src="{{ asset('img/svgs/language.svg') }}"
                                        class="flex-shrink-0 size-5 filter-to-creatify-2" alt="">
                                </div>
                                <p class="text-sm text-gray-700 dark:text-neutral-200">
                                    {{ $language_name }}
                                </p>
                            </div>
                            <div class="inline-flex items-center gap-1">
                                <div class="p-2 rounded-full bg-creatify-bg dark:bg-neutral-800">
                                    <img src="{{ asset('img/svgs/users.svg') }}" 
                                        class="flex-shrink-0 size-5 filter-to-creatify-2" alt="">
                                </div>
                                <p class="text-sm text-gray-700 dark:text-neutral-200">
                                    {{ __('dashboard.briefing.gender_' . $order->details->gender) }} - {{ $order->details->min_age }} - {{ $order->details->max_age == 40 ? $order->details->max_age . '+' : $order->details->max_age }} {{ __('dashboard.briefing.years') }}
                                </p>
                            </div>
                        </div>
                        @if ($view == 'business')
                            <div class="flex flex-col py-4 border-t lg:w-full border-t-gray-200 dark:border-t-neutral-700">
                                <p class="text-base underline">
                                    {{ __('dashboard.products.description') }}
                                </p>
                                @if(strlen($order->product->description) > 250)
                                    <div x-data="{ expand: false }" class="text-sm text-gray-700 dark:text-neutral-200">
                                        <div x-show="!expand" class="text-gray-700 dark:text-neutral-200">
                                            {{ substr($order->product->description, 0, 250) }} ...
                                        </div>
                                        <div x-show="expand" class="text-gray-700 dark:text-neutral-200" style="display: none;">
                                            {!! nl2br(e($order->product->description)) !!}
                                        </div>
                                        <a x-show="!expand" @click="expand = true"
                                            class="flex flex-row justify-between cursor-pointer text-creatify-2">
                                            {{ __('dashboard.details.show_more') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M12.5303 16.2803C12.2374 16.5732 11.7626 16.5732 11.4697 16.2803L3.96967 8.78033C3.67678 8.48744 3.67678 8.01256 3.96967 7.71967C4.26256 7.42678 4.73744 7.42678 5.03033 7.71967L12 14.6893L18.9697 7.71967C19.2626 7.42678 19.7374 7.42678 20.0303 7.71967C20.3232 8.01256 20.3232 8.48744 20.0303 8.78033L12.5303 16.2803Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                        <a x-show="expand" @click="expand = false" class="flex flex-row justify-between mt-5 cursor-pointer text-creatify-2"
                                            style="display: none;">
                                            {{ __('dashboard.details.show_less') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M11.4697 7.71967C11.7626 7.42678 12.2374 7.42678 12.5303 7.71967L20.0303 15.2197C20.3232 15.5126 20.3232 15.9874 20.0303 16.2803C19.7374 16.5732 19.2626 16.5732 18.9697 16.2803L12 9.31066L5.03033 16.2803C4.73744 16.5732 4.26256 16.5732 3.96967 16.2803C3.67678 15.9874 3.67678 15.5126 3.96967 15.2197L11.4697 7.71967Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                    </div>
                                @else
                                    <div class="text-sm text-gray-700 dark:text-neutral-200">
                                        {!! nl2br(e($order->product->description)) !!}
                                    </div>
                                @endif
                            </div>
                            <div class="flex flex-col py-4 border-t lg:w-full border-t-gray-200 dark:border-t-neutral-700">
                                <p class="text-base underline">
                                    {{ __('dashboard.briefing.sequence') }}
                                </p>
                                @if(strlen($order->details->sequence) > 250)
                                    <div x-data="{ expand: false }" class="text-sm text-gray-700 dark:text-neutral-200">
                                        <div x-show="!expand" class="text-gray-700 dark:text-neutral-200">
                                            {{ substr($order->details->sequence, 0, 250) }} ...
                                        </div>
                                        <div x-show="expand" class="text-gray-700 dark:text-neutral-200" style="display: none;">
                                            {!! nl2br(e($order->details->sequence)) !!}
                                        </div>
                                        <a x-show="!expand" @click="expand = true"
                                            class="flex flex-row justify-between cursor-pointer text-creatify-2">
                                            {{ __('dashboard.details.show_more') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M12.5303 16.2803C12.2374 16.5732 11.7626 16.5732 11.4697 16.2803L3.96967 8.78033C3.67678 8.48744 3.67678 8.01256 3.96967 7.71967C4.26256 7.42678 4.73744 7.42678 5.03033 7.71967L12 14.6893L18.9697 7.71967C19.2626 7.42678 19.7374 7.42678 20.0303 7.71967C20.3232 8.01256 20.3232 8.48744 20.0303 8.78033L12.5303 16.2803Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                        <a x-show="expand" @click="expand = false" class="flex flex-row justify-between mt-5 cursor-pointer text-creatify-2"
                                            style="display: none;">
                                            {{ __('dashboard.details.show_less') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M11.4697 7.71967C11.7626 7.42678 12.2374 7.42678 12.5303 7.71967L20.0303 15.2197C20.3232 15.5126 20.3232 15.9874 20.0303 16.2803C19.7374 16.5732 19.2626 16.5732 18.9697 16.2803L12 9.31066L5.03033 16.2803C4.73744 16.5732 4.26256 16.5732 3.96967 16.2803C3.67678 15.9874 3.67678 15.5126 3.96967 15.2197L11.4697 7.71967Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                    </div>
                                @else
                                    <div class="text-sm text-gray-700 dark:text-neutral-200">
                                        {!! nl2br(e($order->details->sequence)) !!}
                                    </div>
                                @endif
                            </div>
                            @if ($order->details->topics)
                            <div class="flex flex-col py-4 border-t lg:w-full border-t-gray-200 dark:border-t-neutral-700">
                                <p class="text-base underline">
                                    {{ __('dashboard.briefing.topics') }}
                                </p>
                                @if(strlen($order->details->topics) > 250)
                                    <div x-data="{ expand: false }" class="text-sm text-gray-700 dark:text-neutral-200">
                                        <div x-show="!expand" class="text-gray-700 dark:text-neutral-200">
                                            {{ substr($order->details->topics, 0, 250) }} ...
                                        </div>
                                        <div x-show="expand" class="text-gray-700 dark:text-neutral-200" style="display: none;">
                                            {!! nl2br(e($order->details->topics)) !!}
                                        </div>
                                        <a x-show="!expand" @click="expand = true"
                                            class="flex flex-row justify-between mt-5 cursor-pointer text-creatify-2">
                                            {{ __('dashboard.details.show_more') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M12.5303 16.2803C12.2374 16.5732 11.7626 16.5732 11.4697 16.2803L3.96967 8.78033C3.67678 8.48744 3.67678 8.01256 3.96967 7.71967C4.26256 7.42678 4.73744 7.42678 5.03033 7.71967L12 14.6893L18.9697 7.71967C19.2626 7.42678 19.7374 7.42678 20.0303 7.71967C20.3232 8.01256 20.3232 8.48744 20.0303 8.78033L12.5303 16.2803Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                        <a x-show="expand" @click="expand = false" class="flex flex-row justify-between mt-5 cursor-pointer text-creatify-2"
                                            style="display: none;">
                                            {{ __('dashboard.details.show_less') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M11.4697 7.71967C11.7626 7.42678 12.2374 7.42678 12.5303 7.71967L20.0303 15.2197C20.3232 15.5126 20.3232 15.9874 20.0303 16.2803C19.7374 16.5732 19.2626 16.5732 18.9697 16.2803L12 9.31066L5.03033 16.2803C4.73744 16.5732 4.26256 16.5732 3.96967 16.2803C3.67678 15.9874 3.67678 15.5126 3.96967 15.2197L11.4697 7.71967Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                    </div>
                                @else
                                    <div class="text-sm text-gray-700 dark:text-neutral-200">
                                        {!! nl2br(e($order->details->topics)) !!}
                                    </div>
                                @endif
                            </div>
                            @endif
                            @if ($order->details->cta)
                            <div class="flex flex-col py-4 border-t lg:w-full border-t-gray-200 dark:border-t-neutral-700">
                                <p class="text-base underline">
                                    {{ __('dashboard.briefing.cta') }}
                                </p>
                                @if(strlen($order->details->cta) > 250)
                                    <div x-data="{ expand: false }" class="text-sm text-gray-700 dark:text-neutral-200">
                                        <div x-show="!expand" class="text-gray-700 dark:text-neutral-200">
                                            {{ substr($order->details->cta, 0, 250) }} ...
                                        </div>
                                        <div x-show="expand" class="text-gray-700 dark:text-neutral-200" style="display: none;">
                                            {!! nl2br(e($order->details->cta)) !!}
                                        </div>
                                        <a x-show="!expand" @click="expand = true"
                                            class="flex flex-row justify-between mt-5 cursor-pointer text-creatify-2">
                                            {{ __('dashboard.details.show_more') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M12.5303 16.2803C12.2374 16.5732 11.7626 16.5732 11.4697 16.2803L3.96967 8.78033C3.67678 8.48744 3.67678 8.01256 3.96967 7.71967C4.26256 7.42678 4.73744 7.42678 5.03033 7.71967L12 14.6893L18.9697 7.71967C19.2626 7.42678 19.7374 7.42678 20.0303 7.71967C20.3232 8.01256 20.3232 8.48744 20.0303 8.78033L12.5303 16.2803Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                        <a x-show="expand" @click="expand = false" class="flex flex-row justify-between mt-5 cursor-pointer text-creatify-2"
                                            style="display: none;">
                                            {{ __('dashboard.details.show_less') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M11.4697 7.71967C11.7626 7.42678 12.2374 7.42678 12.5303 7.71967L20.0303 15.2197C20.3232 15.5126 20.3232 15.9874 20.0303 16.2803C19.7374 16.5732 19.2626 16.5732 18.9697 16.2803L12 9.31066L5.03033 16.2803C4.73744 16.5732 4.26256 16.5732 3.96967 16.2803C3.67678 15.9874 3.67678 15.5126 3.96967 15.2197L11.4697 7.71967Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                    </div>
                                @else
                                    <div class="text-sm text-gray-700 dark:text-neutral-200">
                                        {!! nl2br(e($order->details->cta)) !!}
                                    </div>
                                @endif
                            </div>
                            @endif
                            @if ($order->details->visual_description)
                            <div class="flex flex-col py-4 border-t lg:w-full border-t-gray-200 dark:border-t-neutral-700">
                                <p class="text-base underline">
                                    {{ __('dashboard.briefing.visual') }}
                                </p>
                                @if(strlen($order->details->visual_description) > 250)
                                    <div x-data="{ expand: false }" class="text-sm text-gray-700 dark:text-neutral-200">
                                        <div x-show="!expand" class="text-gray-700 dark:text-neutral-200">
                                            {{ substr($order->details->visual_description, 0, 250) }} ...
                                        </div>
                                        <div x-show="expand" class="text-gray-700 dark:text-neutral-200" style="display: none;">
                                            {!! nl2br(e($order->details->visual_description)) !!}
                                        </div>
                                        <a x-show="!expand" @click="expand = true"
                                            class="flex flex-row justify-between mt-5 cursor-pointer text-creatify-2">
                                            {{ __('dashboard.details.show_more') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M12.5303 16.2803C12.2374 16.5732 11.7626 16.5732 11.4697 16.2803L3.96967 8.78033C3.67678 8.48744 3.67678 8.01256 3.96967 7.71967C4.26256 7.42678 4.73744 7.42678 5.03033 7.71967L12 14.6893L18.9697 7.71967C19.2626 7.42678 19.7374 7.42678 20.0303 7.71967C20.3232 8.01256 20.3232 8.48744 20.0303 8.78033L12.5303 16.2803Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                        <a x-show="expand" @click="expand = false" class="flex flex-row justify-between mt-5 cursor-pointer text-creatify-2"
                                            style="display: none;">
                                            {{ __('dashboard.details.show_less') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M11.4697 7.71967C11.7626 7.42678 12.2374 7.42678 12.5303 7.71967L20.0303 15.2197C20.3232 15.5126 20.3232 15.9874 20.0303 16.2803C19.7374 16.5732 19.2626 16.5732 18.9697 16.2803L12 9.31066L5.03033 16.2803C4.73744 16.5732 4.26256 16.5732 3.96967 16.2803C3.67678 15.9874 3.67678 15.5126 3.96967 15.2197L11.4697 7.71967Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                    </div>
                                @else
                                    <div class="text-sm text-gray-700 dark:text-neutral-200">
                                        {!! nl2br(e($order->details->visual_description)) !!}
                                    </div>
                                @endif
                            </div>
                            @endif
                            @if ($order->details->donts)
                            <div class="flex flex-col py-4 border-t lg:w-full border-t-gray-200 dark:border-t-neutral-700">
                                <p class="text-base underline">
                                    {{ __('dashboard.briefing.donts') }}
                                </p>
                                @if(strlen($order->details->donts) > 250)
                                    <div x-data="{ expand: false }" class="text-sm text-gray-700 dark:text-neutral-200">
                                        <div x-show="!expand" class="text-gray-700 dark:text-neutral-200">
                                            {{ substr($order->details->donts, 0, 250) }} ...
                                        </div>
                                        <div x-show="expand" class="text-gray-700 dark:text-neutral-200" style="display: none;">
                                            {!! nl2br(e($order->details->donts)) !!}
                                        </div>
                                        <a x-show="!expand" @click="expand = true"
                                            class="flex flex-row justify-between mt-5 cursor-pointer text-creatify-2">
                                            {{ __('dashboard.details.show_more') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M12.5303 16.2803C12.2374 16.5732 11.7626 16.5732 11.4697 16.2803L3.96967 8.78033C3.67678 8.48744 3.67678 8.01256 3.96967 7.71967C4.26256 7.42678 4.73744 7.42678 5.03033 7.71967L12 14.6893L18.9697 7.71967C19.2626 7.42678 19.7374 7.42678 20.0303 7.71967C20.3232 8.01256 20.3232 8.48744 20.0303 8.78033L12.5303 16.2803Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                        <a x-show="expand" @click="expand = false" class="flex flex-row justify-between mt-5 cursor-pointer text-creatify-2"
                                            style="display: none;">
                                            {{ __('dashboard.details.show_less') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M11.4697 7.71967C11.7626 7.42678 12.2374 7.42678 12.5303 7.71967L20.0303 15.2197C20.3232 15.5126 20.3232 15.9874 20.0303 16.2803C19.7374 16.5732 19.2626 16.5732 18.9697 16.2803L12 9.31066L5.03033 16.2803C4.73744 16.5732 4.26256 16.5732 3.96967 16.2803C3.67678 15.9874 3.67678 15.5126 3.96967 15.2197L11.4697 7.71967Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                    </div>
                                @else
                                    <div class="text-sm text-gray-700 dark:text-neutral-200">
                                        {!! nl2br(e($order->details->donts)) !!}
                                    </div>
                                @endif
                            </div>
                            @endif
                            @if ($order->pictures > 0 && $order->details->photo_requirements)
                            <div class="flex flex-col py-4 border-t lg:w-full border-t-gray-200 dark:border-t-neutral-700">
                                <p class="text-base underline">
                                    {{ __('dashboard.briefing.photo_requirements') }}
                                </p>
                                @if(strlen($order->details->photo_requirements) > 250)
                                    <div x-data="{ expand: false }" class="text-sm text-gray-700 dark:text-neutral-200">
                                        <div x-show="!expand" class="text-gray-700 dark:text-neutral-200">
                                            {{ substr($order->details->photo_requirements, 0, 250) }} ...
                                        </div>
                                        <div x-show="expand" class="text-gray-700 dark:text-neutral-200" style="display: none;">
                                            {!! nl2br(e($order->details->photo_requirements)) !!}
                                        </div>
                                        <a x-show="!expand" @click="expand = true"
                                            class="flex flex-row justify-between mt-5 cursor-pointer text-creatify-2">
                                            {{ __('dashboard.details.show_more') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M12.5303 16.2803C12.2374 16.5732 11.7626 16.5732 11.4697 16.2803L3.96967 8.78033C3.67678 8.48744 3.67678 8.01256 3.96967 7.71967C4.26256 7.42678 4.73744 7.42678 5.03033 7.71967L12 14.6893L18.9697 7.71967C19.2626 7.42678 19.7374 7.42678 20.0303 7.71967C20.3232 8.01256 20.3232 8.48744 20.0303 8.78033L12.5303 16.2803Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                        <a x-show="expand" @click="expand = false" class="flex flex-row justify-between mt-5 cursor-pointer text-creatify-2"
                                            style="display: none;">
                                            {{ __('dashboard.details.show_less') }}
                                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                class="block align-middle">
                                                <path fill-rule="evenodd" clip-rule="evenodd"
                                                    d="M11.4697 7.71967C11.7626 7.42678 12.2374 7.42678 12.5303 7.71967L20.0303 15.2197C20.3232 15.5126 20.3232 15.9874 20.0303 16.2803C19.7374 16.5732 19.2626 16.5732 18.9697 16.2803L12 9.31066L5.03033 16.2803C4.73744 16.5732 4.26256 16.5732 3.96967 16.2803C3.67678 15.9874 3.67678 15.5126 3.96967 15.2197L11.4697 7.71967Z"
                                                    class="cursor-pointer"></path>
                                            </svg>
                                        </a>
                                    </div>
                                @else
                                    <div class="text-sm text-gray-700 dark:text-neutral-200">
                                        {!! nl2br(e($order->details->photo_requirements)) !!}
                                    </div>
                                @endif
                            </div>
                            @endif
                        @endif
                    </div>
                    
                </div>
            </div>
            <div class="flex items-center justify-end px-4 py-3 border-t gap-x-2 dark:border-neutral-700">
              <button type="button" class="inline-flex items-center px-3 py-2 text-sm font-medium text-gray-800 bg-white border border-gray-200 rounded-lg shadow-sm gap-x-2 hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800" 
                    data-hs-overlay="#hs-briefing-modal">
                {{ __('dashboard.applications.close_modal') }}
              </button>
            </div>
          </div>
        </div>
</div>(h
pk

	����̷��(i
�0evector"�0��0
�0rB���;���St^����<W�r~���F��T�<�ѻ*2�<����h��� ���<|91=	"�>���2��z�=~�<���!O0<�M}������R������?���M�e=��3<��=�w9�qӭ<����S�:��u�����<�P=E��<'�b9��&<za���J
=�x��A9��<�*���.�5�<�N=�R��_7:��G�AM=�I2����z��
<��=��a<�u�=HL�w0/=�*=Ŝ���o;T�&��)�:
L#<xxd�7�F<�W�<ٶ�pLܼ�,�<����W�<{�ֹ=�Q?�-]μj��<i5��f=�'�;����Ok�2����hƻi!�����ĻTg��㤻擿<�^̻��F�Y
b�TJ＊9�;Tf�=�3���'�L&��t��Ƀ�V�;K�$=p�H��+���Q����=[�)�5�=���;$��QN<l)=�
K;�B�����E ��uc���X�N_)�ְ+�5Kc��3��ږ��,��f�=�ٜ<�|<�w1�Ch
�b�;�*#�G�=`3
��_!;�l<;���\�<1-��40��=�Z$�Sd=.������[a��d3���+���F�*;�P@�TcW=m��<�*�u�p<a�3�B�r���lau��R�y�|�8����)<�ٽHf༵NƼ-�伅֛�Ѩ ���]<
�<���<�;~���=}�3=�^/=N�Z=�A����=�[-���<����+л/:���<x�:!��5�<=��=�D=jC�6�<�if<i����mn=�R�<zI=���=CW����	�k�"��sR)�f�[�������S=��9��C��"�5�h�	�[��<�t��/e<!F=Q0(:�v�U}H=���<�.��r��<=�+Y=XOü^���!�V=ɸ�<���<��3�@��<>���"<�Y޼\��a�;�$�:��I=���;��;�����%_�	"�<D�ڼ`�;��!= �F=�xW;<5>��ؼ6��Ga�����*�<cF�<�67��^�;��z��$�m3B�9��<0O�V�6=�p=z�< ��Y�):�A��#a=��k=��޻Kث:&���<	5�;Wc��}ך�+�Ӽ��=��c���I;
��<Q��;��==x�<@~88V�>��0>���<z�����ʼ	���T�<���E��;|P<�\�H �:��[���3=W<�<6�<&�=`��D�úv2��~O��0�<�c�
�l�z<�-M�O�@=�\1��h@<k���6=��;Ym���Z<���:C�x�!5�<�GC=fC�8L���VT���	_�� <V���RF@=S��"�;j�����<[�*;{]������6�+���7�V��;qUܼL<#%���*�;����^��e�;HU�<�0=xF���ĸ�xA=���0?���=�u��_<h��<"e������;=�B�a���J�;�n�<�5�<���]�<X�ܼ�����~���pм�o<^4�:XF�8�O/����4�<r�:�+!=��\�*��<��F=	�{;?ȃ��<9����GO<��\�o(Y��_�<�&�<`+"=�&�<�����j�U���wp��5���m��[W�#G|����N�\���s��lѼ��Q<ghû��<���<Nuлl�<a�X</B=�Q;Tq��V����ag�U�k���e=ç�<�����-�:�}.��{-��b<�y=G1'<`;7��[p6��<��=���ș2�ֈ�=##��r���=���<�ƫ;R޼E��ጒ�۶�<���:Z�;]:G�T<W�=Ȓ�IP��Zf4=�lA==�;=W�|;�b:=_���j2�-~����hc
=�,ںdJF<��;�g=���:�'�7s<�s�,X����漢��KA;$��D)���ټ�m�<�ҷ=K�<�nj��3��`���c��:�s�<�fi<�:���!�<xœ�4 ��DV9ڪ
�k��<��<	�<��<�?c=PW���B��8�:
F=��R=6f?�
g1�c<\�*�;!᜼��<5�><�=)A;ي��v�W������u<p�H����<.
%��Z��������Hfümܹ<}3Q��=�{�}=�hʼF�<9�I��:E]��֣;e��<#_D<"��:�]<mo��l��<y_��J���$Ge�.ū<,8�<�3S�F�=p=��QW��щ<?�I<���N��<���G#<�f�:���<��<<FI��ޝ<
�=a{-��l���h<�Yü�캢��;�:޼���<]e��֟<����݊���HE���!�}%�<���P���N=f=��||;_Э<��;�<�t�+; �.=k�<��?��D#�=��<J���;��<������<���`.�ȇ�;��<��M:n)��>8;�]S;jmR<ǚ�</5t����t<�㊼�J
:��<�9"��M����;X�=��;��<w�}�9͔;:�1��^<����-��g
<i�<>V��ț��a=<~_,=E�Y<5��:����P�X<c[�<���<�<'�J �<[�2=0@�<
�<8S;�!�;�:�;11��(<"�p�v��<��=;�W;���;�T����<T���y+=�ԥ;F^�W~��O=	�G�VZ�;�7<��Z<���;:=��R=��="=:�|ǻ'%;q����?;�u=2
���=c���8=T�}�=4�ô�;�3U=���g�x<��Ѽ�K��n�=�Xۼ�.:����;�m�<���<9����YD����;[|��]��(�ݼ����)B���q;p^=�/f:)��^~<��c�.j]�_�����;Tm�;�2%�d�g�)
˻��+��K���2�<@��g�޼α�<U���%��P*=��?=I�<c@>���m<�_����)u;�4=k=H�\��<��&��<�$����r8W��D����m<�a�;�+<T�>=���
�<��້�K<ϲp�^����܉���x�0=-�H���=�{g<�F0=�!�<+%�<��S�^��N��ќ2�EJ<�޼��[�Fү�9�x����;H�D�!=}kB��ɜ;��z���M�;N��a^�<(��5(o<��,=��j�_m�<v��[vڻx
��刋�"ʛ�>��;���k�;bl����o�^�e�;r��<�?�������;��:�>@=d߼��]�oa�<�{[;&q�BF���<s
<V�;=�s������8:� ����"��2 ����<ͩ=���o��l<�p»�L=��B�#Xb=4�<��< <���9�����:&S<���3=�<<�R����9;��<���;�]뻝���$�;��"��x
;$s�;��=�������<E#�:�����h���L�b�������1�����;G7<;�����Y�=��<_����:���<ŉ���/�;�w<��=&[Y��F��,6	�<�\<m��.p{�J�.<lm����<���M�=�_=;�B�e;J#��ֺ<M��<^��}g<�Y5=<W�<��ػ�u(:uŐ�:��<���^��<k���[R<�8ټ���x����3��5ա:��S�b�����:Fu�a��Ӊ5=��<��<닔�\��<�};���;闍;A~y��TC<K�<U�};M�>=9μ��p<��ʼ���<B�<�Y4<Ƶ���P	<�\��~�|��G]=���;/�,=�L�:�m˼Y���fh<����ae���ܻ�(=HX_<7��<4%=[P��/��ɔ�<���;��";�V+=�
=+M�����㮙<V��;8������<BS"��a�P�<[&C;��ɼ{]��mb7<�蛻;t��yD�<^�+=XRȼ��<*=+�r<��<;7x<��M;@6���7M<sn�y�;�=�(��1
=;[��M�<X�<��=�`<�f�!��U��<1�e<2�<9�|<���<M�<�Z�;�v�<!=�󼛜=�y�<t��Qg<xS����7��0����<�C��h+<Ԑ�:�';nP�<F>�Kݻ"#������[9K������g���<���ت���<<[I=�
<���<i����y��h�<�%%�?�;�Z�<.��;�z-�"�;�h�<]�z�~�;R6=7�
�X�<=h
;[��.��<�M<�x�<�hM:�����'ͼH<���<S��"��ޅ�<��<�v=w�<�����YL��1<C1ռ�=`�M<+��<.��<_52<��<��[<Zh
<I��;Ŏ����ۻ���<`]�չڼ�\��@Q�<�B*<��=�5�;A@��N���U<��9/��_v�:�|<o��VS���J=�F�H��V�;�.�<7?�<q��<��<��9<[�;�e�<�E�<n9ػ6��q��<��<��l<鶼J�f;�:&��;��=��;y�<�9���\�9�j<�vQ<���<Hp�:��1�5�(<�î���<���;�K����<+[���O
<�	�;ż9��f�?�/v���_߼��ּ`= �<���S��;�<�'J��g�<<=�5�|Q����=�Wû�Mk<h2�<�a�<Zγ�7{�Cb*<�/�;9Z����ļv_j;�d<�e:<k/d=�������<㓾;��q<y5�<��=��;Z<����,�<�O���Na�px�<�Z�<�Ǩ<5Q�;�q��x*<;�Ȏ;�8��j�;�\$=�+J/<ͺR�=|ݼ�e�<+�9s�1���D�]˹{橻l�W�����*�Y&��w(0=�9���W/��&������R¼�#C<w�:;_�~<��������ɵ<"�;:7�;"a�����;W��N�y��<+�<�������<Y��<�+[���m<s�����Hٻ�߼p<��D���?����<�V\�B0�h��<T���٩��K��G���q�<�}I�L?6;��<���<��{��*�<�w<)�<��=ώ�����;')�<��/<*�-<��̻��O�S#?���˼@9�;^�
�I1�<
w"�L8���b�9I�<^�m;��¼��:�<N���\<j����xۺP�=�s��
=���>J�<%^�<��J9qr:���3<��EB;+=<Ji:��^���Q�'N�<o঻��κeG�<^��<��5�}���C!������Lͼ���;�u�vl<&������w����;w~����%<�S�j��:���s�/;ܡ��)��rpO<Vנ;D9�<���Ђ)<W?���*��k���3{T=ɍ<�E.<�}<٥�<D�m�;-N�<�󃼒�_<Xǻ$�"��N�<~U;rХ;��C<9UC��B�;�*��7�<�*ʼI)=Y�<߶�
���;؉�>��<-��<X����+�;�,S��(<���]����p�hE-=��<��}����<v=V�<�7=i<�"�>�4=���;��f�t[�;{�<���<cJ¼3�����<��6��14��ԕ;��ռ���<��ʼ
i��:<���<X>���޼)	�<=ݕ*����R�=kڼ/	�; k���6�;�$;G��;���c\�<]{�;�@_<{��;�����)��Y��۳�;(���ks=�<�d@D�8���k�3��%��<^q<���(;fb�;�;<4yr;TX׻��B<�b�<X�S<y��<)��<,J�;�D;�J����:v���n
=�|�p����
�;���;�W#��
�<[n�;��'<�.�;OKJ<|�D�An:�s�<iZ)='����/���;����<ߚ�;�9��9��;��U<`������z�<k��<�����♻�S�9p�ȼ��<�R]�_Q��H�'�>����;���;�n<2�U��9�;AN��F;��7�(D���O��yS<��9�;��ü��q=�_λ�<�o�9r�;LC�<!h;�`��(s�S�=���<�D$�*�#�UA}=駈��h�)��<߻5<mԻ;��<U�W����:N&T<�����i<;~�x�1 A;؎�<Cc�}�!��*��;����"=��<�'�v�b<.zѻa=�:j�μUڡ<��ڼY�<yf�;`76���F�:7��Q��<?(j;Ύc�2<��<k��<P:�n8�(j
RowID

	����̷��
	Timestamp

	ه��̷��(


milvus_id: 452165072252046218
data:
UsourceG2E
Cresources/views/dashboard/business/order/livewire/process.blade.php(d
X	file_pathG2E
Cresources/views/dashboard/business/order/livewire/process.blade.php(e
&	file_name2
process.blade.php(f
	file_type2
.php(g
��text��2��
��<section class="relative flex flex-col gap-5 lg:flex-row">
  {{-- Left part --}}
  <div class="lg:w-7/12">
    <div class="flex flex-row items-center gap-[16px] mb-10">
      <img src="{{ asset($order->productImages->first()->image) }}" class="object-cover w-12 h-12 rounded" alt="">
      <div>
        <p class="text-base font-semibold text-gray-700 dark:text-neutral-200">
          {{ $order->product->title }}
        </p>
        <div class="inline-flex items-center gap-4">
          <a href="{{ route('orders.change_product', ['uuid' => $order->uuid]) }}" class="inline-flex items-center gap-1">
            <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                 fill="none">
              <path d="M7.5 21L3 16.5M3 16.5L7.5 12M3 16.5H16.5M16.5 3L21 7.5M21 7.5L16.5 12M21 7.5H7.5"
                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
            <p class="text-sm font-medium text-gray-400 dark:text-neutral-200">
              {{ __('dashboard.orders.change') }}
            </p>
          </a>
          <a href="{{ route('products.edit_product', ['uuid' => $order->product->uuid]) }}"
             class="inline-flex items-center gap-1">
            <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                 fill="none">
              <path d="M16.862 4.48676L18.549 2.79876C18.9007 2.44708 19.3777 2.24951 19.875 2.24951C20.3723 2.24951 20.8493 2.44708 21.201 2.79876C21.5527 3.15044 21.7502 3.62741 21.7502 4.12476C21.7502 4.62211 21.5527 5.09908 21.201 5.45076L6.832 19.8198C6.30332 20.3481 5.65137 20.7365 4.935 20.9498L2.25 21.7498L3.05 19.0648C3.26328 18.3484 3.65163 17.6964 4.18 17.1678L16.863 4.48676H16.862ZM16.862 4.48676L19.5 7.12476"
                    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
            </svg>
            <p class="text-sm font-medium text-gray-400 dark:text-neutral-200">
              {{ __('dashboard.orders.edit') }}
            </p>
          </a>
        </div>
      </div>
    </div>

    {{-- Title --}}
    <p class="mb-5 text-4xl font-bold text-gray-700 dark:text-neutral-200">
      {{ __('dashboard.orders.choose_video') }}
    </p>

    {{-- Video Duration list --}}
    <section
             class="flex flex-col md:flex-row items-center border border-gray-200 dark:border-gray-600 rounded-lg mb-[100px]">
      <div class="flex flex-col flex-grow w-full h-full bg-white dark:bg-transparent lg:w-auto">
        @foreach ($video_price as $item)
          <div wire:key="{{ $loop->index . $item->totalPrice }}"
               class="relative h-full border-b border-r border-gray-200 dark:border-gray-600 md:last:border-b-0 first:rounded-tl-lg md:last:rounded-bl-lg">
            <input type="radio" name="videoDuration" value="{{ $item->totalPrice . '-' . $item->duration }}"
                   class="absolute inset-0 z-10 w-full h-full opacity-0 cursor-pointer peer"
                   {{ $item->duration == $selectedDuration ? 'checked' : null }}
                   wire:click="updateSelectedDuration('{{ $item->duration }}', '{{ $item->totalPrice }}')">
            <div
                 class="flex items-start w-full p-5 transition-all peer-checked:bg-teal-50 peer-checked:ring peer-checked:ring-teal-200 peer-hover:bg-teal-50 peer-hover:ring-teal-200 peer-hover:ring dark:peer-checked:bg-[#242B34] dark:peer-hover:bg-[#242B34]">
              <div class="flex items-center flex-grow gap-3">
                <img src="{{ $item->icon }}" class="w-10 h-10 rounded-full shadow" alt="">
                <div class="flex flex-col max-w-[270px]">
                  <p class="text-base font-bold text-gray-700 dark:text-neutral-200 whitespace-nowrap">
                    {{ $item->duration }} {{ __('dashboard.orders.seconds') }}
                  </p>
                  <p class="text-sm text-gray-700 dark:text-neutral-200 whitespace-nowrap">R$
                    {{ $item->pricePerSecond }}
                    / {{ __('dashboard.orders.seconds') }}</p>
                </div>
              </div>
              <p class="text-base font-bold text-gray-700 dark:text-neutral-200 whitespace-nowrap ml-7">
                R$ {{ $item->totalPrice }}
              </p>
            </div>
          </div>
        @endforeach
      </div>

      <div class="flex flex-col h-full gap-5 p-5 overflow-hidden sm:max-w-[60%]">
        <p class="text-sm text-gray-700 dark:text-neutral-200">
          {{ __('dashboard.orders.choose_video_text') }}
        </p>
        <div class="grid grid-cols-3 gap-2">
          @for ($dum = 1; $dum < 4; $dum++)
            <div class="rounded-lg bg-white shadow-md h-[150px] flex justify-center items-center overflow-hidden">
              <img src="{{ asset('/img/hero/hero' . $dum . '.avif') }}" class="object-cover w-full h-full"
                   alt="">
            </div>
          @endfor
        </div>
      </div>
    </section>

    {{-- Title --}}
    <div class="flex flex-col gap-3 mb-5">
      <p class="text-3xl font-bold text-gray-700 dark:text-neutral-200">
        {{ __('dashboard.orders.hooks') }}
      </p>
      <p class="text-base text-gray-700 dark:text-neutral-200">
        {{ __('dashboard.orders.hooks_text') }}
      </p>
    </div>

    {{-- Hooks list --}}
    <section
             class="flex flex-col md:flex-row items-center md:items-end border border-gray-200 dark:border-gray-600 rounded-lg mb-[100px]">
      <div class="flex flex-col h-full bg-white dark:bg-transparent">
        @foreach ($hooks as $hook)
          <div wire:key="{{ $loop->index . $hook->price }}"
               class="relative h-full border-b border-r border-gray-200 dark:border-gray-600 md:last:border-b-0 first:rounded-tl-lg md:last:rounded-bl-lg">
            <input type="radio" name="hooks" value="{{ $hook->price . '-' . $hook->value }}"
                   class="absolute inset-0 z-10 w-full h-full opacity-0 cursor-pointer peer"
                   wire:click="updateSelectedHook('{{ $hook->value }}', '{{ $hook->price }}')"
                   {{ $selectedHook == $hook->value ? 'checked' : null }}>
            <div
                 class="flex items-start w-full p-5 transition-all peer-checked:bg-teal-50 peer-checked:ring peer-checked:ring-teal-200 peer-hover:bg-teal-50 peer-hover:ring-teal-200 peer-hover:ring dark:peer-checked:bg-[#242B34] dark:peer-hover:bg-[#242B34]">
              <div class="flex flex-col max-w-[270px]">
                <p class="text-base font-bold text-gray-700 dark:text-neutral-200 whitespace-nowrap">
                  +{{ $hook->value }} {{ trans_choice('dashboard.orders.hook', $hook->value) }}</p>
                <p class="text-sm text-gray-700 dark:text-neutral-200">
                  {{ __($hook->description) }}
                </p>
              </div>
              <p class="text-base font-bold text-gray-700 dark:text-neutral-200 whitespace-nowrap ml-7">
                R$ {{ $hook->price }}
              </p>
            </div>
          </div>
        @endforeach
        {{-- No Hooks option --}}
        <div
             class="relative h-full border-b border-r border-gray-200 dark:border-gray-600 md:md:last:border-b-0 first:rounded-tl-lg md:md:last:rounded-bl-lg">
          <input type="radio" name="hooks" value=""
                 class="absolute inset-0 z-10 w-full h-full opacity-0 cursor-pointer peer"
                 wire:click="updateSelectedHook(null, null)" {{ !$selectedHook ? 'checked' : null }}>
          <div
               class="flex items-start w-full p-5 transition-all peer-checked:bg-teal-50 peer-checked:ring peer-checked:ring-teal-200 peer-hover:bg-teal-50 peer-hover:ring-teal-200 peer-hover:ring dark:peer-checked:bg-[#242B34] dark:peer-hover:bg-[#242B34]">
            <div class="flex flex-col max-w-[270px]">
              <p class="text-base font-bold text-gray-700 dark:text-neutral-200 whitespace-nowrap">
                {{ __('dashboard.orders.hook0_title') }}
              </p>
              <p class="text-sm text-gray-700 dark:text-neutral-200">
                {{ __('dashboard.orders.hook0') }}
              </p>
            </div>
          </div>
        </div>
      </div>

      <div class="flex flex-col h-full gap-5 py-5 overflow-hidden">
        <div class="relative grid grid-cols-3 gap-2 left-4 sm:left-12">
          <div class="relative">
            <div class="absolute z-0 -top-4">
              <div
                   class="rounded-lg bg-white shadow-md h-[150px] flex justify-center items-center overflow-hidden w-[100px]">
                <img src="{{ asset('img/hero/hero1.avif') }}" class="object-cover w-full h-full" alt="">
              </div>
            </div>
            <div class="relative z-10 left-6">
              <div
                   class="rounded-lg bg-white shadow-md h-[150px] flex justify-center items-center overflow-hidden w-[100px]">
                <img src="{{ asset('img/hero/hero2.avif') }}" class="object-cover w-full h-full" alt="">
              </div>
            </div>
            <div class="absolute z-20 -bottom-4 left-12">
              <div
                   class="rounded-lg bg-white shadow-md h-[150px] flex justify-center items-center overflow-hidden w-[100px]">
                <img src="{{ asset('img/hero/hero3.avif') }}" class="object-cover w-full h-full" alt="">
              </div>
            </div>
          </div>
          @for ($_kn = 4; $_kn < 6; $_kn++)
            <div class="rounded-lg bg-white shadow-md h-[150px] flex justify-center items-center overflow-hidden">
              <img src="{{ asset('img/hero/hero' . $_kn . '.avif') }}" class="object-cover w-full h-full"
                   alt="">
            </div>
          @endfor
        </div>
        <p class="px-5 mt-16 text-sm text-center text-gray-700 dark:text-neutral-200">
          {{ __('dashboard.orders.hook_sub', ['count' => $selectedHook+1]) }}
        </p>
      </div>
    </section>

    {{-- Title --}}
    <div class="flex flex-col gap-3 mb-5">
      <p class="text-3xl font-bold text-gray-700 dark:text-neutral-200">
        {{ __('dashboard.orders.ads_use') }}
      </p>
      <p class="text-base text-gray-700 dark:text-neutral-200">
        {{ __('dashboard.orders.ads_use_text') }}
      </p>
    </div>

    {{-- Ads list --}}
    <section class="flex flex-col md:flex-row items-center md:items-end border border-gray-200 dark:border-gray-600 rounded-lg mb-[100px]">
      <div class="flex flex-col h-full bg-white dark:bg-transparent">
        @foreach ($ads as $ad)
          <div wire:key="{{ $loop->index . $ad->percentage }}"
               class="relative h-full border-b border-r border-gray-200 dark:border-gray-600 md:last:border-b-0 first:rounded-tl-lg md:last:rounded-bl-lg">
            <input type="radio" name="ads" value="{{ $ad->percentage . '-' . $ad->value }}"
                   class="absolute inset-0 z-10 w-full h-full opacity-0 cursor-pointer peer"
                   wire:click="updateSelectedAds('{{ $ad->value }}', '{{ $ad->percentage }}')"
                   {{ $selectedAds == $ad->value ? 'checked' : null }}>
            <div
                 class="flex items-start w-full p-5 transition-all peer-checked:bg-teal-50 peer-checked:ring peer-checked:ring-teal-200 peer-hover:bg-teal-50 peer-hover:ring-teal-200 peer-hover:ring dark:peer-checked:bg-[#242B34] dark:peer-hover:bg-[#242B34]">
              <div class="flex flex-col max-w-[270px]">
                <p class="text-base font-bold text-gray-700 dark:text-neutral-200 whitespace-nowrap">
                  {{ __($ad->title) }}</p>
                <p class="text-sm text-gray-700 dark:text-neutral-200">
                  {{ __($ad->description) }}
                </p>
              </div>
              <p class="text-base font-bold text-gray-700 dark:text-neutral-200 whitespace-nowrap ml-7">
                R$ {{ number_format(($durationPrice/100)*$ad->percentage, 2) }}
              </p>
            </div>
          </div>
        @endforeach
        {{-- No Ads option --}}
        <div
             class="relative h-full border-b border-r border-gray-200 dark:border-gray-600 md:md:last:border-b-0 first:rounded-tl-lg md:md:last:rounded-bl-lg">
          <input type="radio" name="ads" value=""
                 class="absolute inset-0 z-10 w-full h-full opacity-0 cursor-pointer peer"
                 wire:click="updateSelectedAds(null, 0)" {{ !$selectedAds ? 'checked' : null }}>
            <div
                 class="flex items-start w-full p-5 transition-all peer-checked:bg-teal-50 peer-checked:ring peer-checked:ring-teal-200 peer-hover:bg-teal-50 peer-hover:ring-teal-200 peer-hover:ring dark:peer-checked:bg-[#242B34] dark:peer-hover:bg-[#242B34]">
              <div class="flex flex-col max-w-[270px]">
                <p class="text-base font-bold text-gray-700 dark:text-neutral-200 whitespace-nowrap">
                  {{ __('dashboard.orders.ads0_title') }}</p>
                <p class="text-sm text-gray-700 dark:text-neutral-200">
                  {{ __('dashboard.orders.ads0') }}
                </p>
              </div>
            </div>
        </div>
      </div>

      <div class="flex flex-col h-full gap-5 py-5 overflow-hidden">
        <div class="relative grid grid-cols-3 gap-2 left-4 sm:left-12">
          <div class="relative">
            <div class="absolute z-0 -top-4">
              <div
                   class="rounded-lg bg-white shadow-md h-[150px] flex justify-center items-center overflow-hidden w-[100px]">
                <img src="{{ asset('img/hero/hero1.avif') }}" class="object-cover w-full h-full" alt="">
              </div>
            </div>
            <div class="relative z-10 left-6">
              <div
                   class="rounded-lg bg-white shadow-md h-[150px] flex justify-center items-center overflow-hidden w-[100px]">
                <img src="{{ asset('img/hero/hero2.avif') }}" class="object-cover w-full h-full" alt="">
              </div>
            </div>
            <div class="absolute z-20 -bottom-4 left-12">
              <div
                   class="rounded-lg bg-white shadow-md h-[150px] flex justify-center items-center overflow-hidden w-[100px]">
                <img src="{{ asset('img/hero/hero3.avif') }}" class="object-cover w-full h-full" alt="">
              </div>
            </div>
          </div>
          @for ($_kn = 4; $_kn < 6; $_kn++)
            <div class="rounded-lg bg-white shadow-md h-[150px] flex justify-center items-center overflow-hidden">
              <img src="{{ asset('img/hero/hero' . $_kn . '.avif') }}" class="object-cover w-full h-full"
                   alt="">
            </div>
          @endfor
        </div>
        <p class="px-5 mt-16 text-sm text-center text-gray-700 dark:text-neutral-200">
          
        </p>
      </div>
    </section>

    {{-- Title --}}
    {{-- <p class="mb-5 text-3xl font-bold text-gray-700 dark:text-neutral-200">
            {{ config('app.name'). ' ' .__('dashboard.orders.services') }}
        </p> --}}

    {{-- Services list --}}
    {{-- <div class="grid grid-cols-2 md:grid-cols-3 gap-3 md:gap-6 mb-[100px]">
            @foreach ($services as $service)
                <div class="flex flex-col rounded-lg bg-white min-h-[300px] overflow-hidden shadow" wire:key="{{ $loop->index.$service->price }}">
                    <img src="https://picsum.photos/id/{{ $loop->index+$service->price+24 }}/200" class="object-cover w-full max-h-[150px]" alt="">
                    <div class="flex flex-col h-full p-2 md:p-4">
                        <p class="mb-3 text-sm font-semibold text-gray-700 dark:text-neutral-200 md:text-base">
                            {{ __($service->name) }}
                        </p>
                        <p class="mb-5 text-xs text-gray-700 dark:text-neutral-200 md:text-sm">
                            {{ __($service->description) }}
                        </p>
                        <div class="relative mt-auto">
                            <input type="checkbox" name="{{ Str::slug($service->name) }}" class="absolute inset-0 z-10 w-full h-full opacity-0 cursor-pointer peer" value="{{ Str::slug($service->name) }}" wire:model="servicesChecked" wire:click="updateServices('{{ Str::slug($service->name) }}', '{{ $service->price }}')">
                            <button type="button" class="inline-flex items-center justify-between w-full px-4 py-3 bg-gray-100 rounded-lg peer-checked:bg-teal-50 peer-checked:ring peer-checked:ring-teal-200 peer-hover:bg-teal-50 hover:bg-teal-50">
                                <p class="text-xs font-semibold text-gray-700 dark:text-neutral-200 md:text-base">{{ __('Add') }}</p>
                                <p class="text-xs font-semibold text-gray-700 dark:text-neutral-200 md:text-base">
                                    {{ $service->price }} €
                                </p>
                            </button>
                        </div>
                    </div>
                </div>
            @endforeach
        </div> --}}

    {{-- Title --}}
    <div class="flex flex-col gap-3 mb-5">
      <div class="flex items-center justify-between gap-3">
        <p class="text-3xl font-bold text-gray-700 dark:text-neutral-200">
          {{ __('dashboard.orders.photos_title') }}
        </p>
        <p class="whitespace-nowrap">
          R$ {{ $photosPrice }} / {{ __('dashboard.orders.each') }}
        </p>
      </div>
      <p class="text-base text-gray-700 dark:text-neutral-200">
        {{ __('dashboard.orders.photos_text') }}
      </p>
    </div>

    {{-- addon photos --}}
    <div class="flex flex-col md:flex-row items-center justify-between gap-10 mb-[100px]">
      <div class="inline-flex">
        <button type="button" wire:click="updateSelectedPhotos('decrement')"
                class="p-3 border border-gray-200 rounded-l-full dark:border-gray-600 hover:bg-teal-50 hover:ring-teal-200 hover:ring dark:hover:bg-[#242B34] disabled:opacity-50 disabled:hover:ring-transparent disabled:hover:bg-transparent disabled:cursor-not-allowed" @disabled($selectedPhotos == 0)>
          <img src="{{ asset('img/svgs/minus.svg') }}" class="min-w-5 min-h-5 dark:invert dark:brightness-0"
               alt="">
        </button>
        <input type="number" min="0" max="100" name="order_photos" id="orderPhotos"
               class="w-16 p-3 text-base font-semibold text-center text-gray-700 bg-transparent border border-gray-200 dark:border-gray-600 dark:text-neutral-200 focus:border-0 focus:ring focus:ring-teal-200"
               placeholder="0" oninput="isNumber(this.value, this.id);validateInputHigher50(this.value, this.id)" wire:model="selectedPhotos"
               wire:blur="blurUpdateSelectedPhotos" wire:keydown="updateSelectedPhotos('keydown')">
        <button type="button" wire:click="updateSelectedPhotos('increment')"
                class="p-3 border border-gray-200 rounded-r-full dark:border-gray-600 hover:bg-teal-50 hover:ring-teal-200 hover:ring dark:hover:bg-[#242B34] disabled:opacity-50 disabled:hover:ring-transparent disabled:hover:bg-transparent disabled:cursor-not-allowed" @disabled($selectedPhotos == 50)>
          <img src="{{ asset('img/svgs/plus.svg') }}" class="min-w-5 min-h-5 dark:invert dark:brightness-0"
               alt="">
        </button>
      </div>
      <div
           class="flex-col hidden h-full gap-5 px-4 overflow-hidden border border-gray-200 rounded-lg dark:border-gray-600 md:flex lg:px-7">
        <p class="p-5 text-sm text-gray-700 dark:text-neutral-200">
          {{ __('dashboard.orders.photos_line1') }}
        </p>
        <div class="relative flex items-end gap-1 max-w-[550px] w-full">
          <div
               class="rounded-lg bg-white shadow-md h-[125px] w-[75px] flex justify-center items-center overflow-hidden">
            <img src="https://picsum.photos/id/57/200" class="object-cover w-full h-full" alt="">
          </div>
          <div
               class="rounded-lg bg-white shadow-md h-[150px] w-[75px] flex justify-center items-center overflow-hidden">
            <img src="https://picsum.photos/id/100/200" class="object-cover w-full h-full" alt="">
          </div>
          <div
               class="rounded-lg bg-white shadow-md h-[125px] w-[75px] flex justify-center items-center overflow-hidden">
            <img src="https://picsum.photos/id/101/200" class="object-cover w-full h-full" alt="">
          </div>
          <div
               class="rounded-lg bg-white shadow-md h-[150px] w-[75px] flex justify-center items-center overflow-hidden">
            <img src="https://picsum.photos/id/102/200" class="object-cover w-full h-full" alt="">
          </div>
          <div
               class="rounded-lg bg-white shadow-md h-[125px] w-[75px] flex justify-center items-center overflow-hidden">
            <img src="https://picsum.photos/id/103/200" class="object-cover w-full h-full" alt="">
          </div>
        </div>
      </div>
    </div>

    {{-- Title --}}
    <div class="flex flex-col gap-3 mb-5">
      <p class="text-3xl font-bold text-gray-700 dark:text-neutral-200">
        {{ __('dashboard.orders.creator_title') }}
      </p>
      <p class="text-base text-gray-700 dark:text-neutral-200">
        {{ __('dashboard.orders.creator_text') }}
      </p>
    </div>

    {{-- addon video creators --}}
    <div class="flex flex-col md:flex-row items-center justify-between gap-10 mb-[100px]">
      <div class="inline-flex">
        <button type="button" wire:click="updateAddOnCreators('decrement')"
                class="p-3 border border-gray-200 rounded-l-full dark:border-gray-600 hover:bg-teal-50 hover:ring-teal-200 hover:ring dark:hover:bg-[#242B34] disabled:opacity-50 disabled:hover:ring-transparent disabled:hover:bg-transparent disabled:cursor-not-allowed" @disabled($counterAddOnCreators == 1)>
          <img src="{{ asset('img/svgs/minus.svg') }}" class="min-w-5 min-h-5 dark:invert dark:brightness-0"
               alt="">
        </button>
        <input type="number" min="1" name="add_on_creators" id="addOnCreators"
               class="w-16 p-3 text-base font-semibold text-center text-gray-700 bg-transparent border border-gray-200 dark:border-gray-600 dark:text-neutral-200 focus:border-0 focus:ring focus:ring-teal-200"
               placeholder="1" wire:keydown="updateAddOnCreators('keydown')" oninput="isNumber(this.value, this.id);validateInputLower1(this.value, this.id);validateInputHigher50(this.value, this.id)"
               wire:model="counterAddOnCreators" wire:blur="blurUpdateAddOnCreators">
        <button type="button" wire:click="updateAddOnCreators('increment')"
                class="p-3 border border-gray-200 rounded-r-full dark:border-gray-600 hover:bg-teal-50 hover:ring-teal-200 hover:ring dark:hover:bg-[#242B34] disabled:opacity-50 disabled:hover:ring-transparent disabled:hover:bg-transparent disabled:cursor-not-allowed" @disabled($counterAddOnCreators == 50)>
          <img src="{{ asset('img/svgs/plus.svg') }}" class="min-w-5 min-h-5 dark:invert dark:brightness-0"
               alt="">
        </button>
      </div>
      <div
           class="flex-col hidden h-full gap-5 p-5 overflow-hidden border border-gray-200 rounded-lg dark:border-gray-600 md:flex">
        <p class="mb-5 text-sm text-gray-700 dark:text-neutral-200">
          {{ __('dashboard.orders.creator_line1') }}
        </p>
        <div class="relative flex items-end gap-1 max-w-[550px] w-full">
          @foreach (range(14, 28) as $num)
            <img wire:key="{{ $loop->index . $num }}" src="https://i.pravatar.cc/200?img={{ $num }}"
                 class="object-cover w-10 h-10 -ml-3 border border-white rounded-full first:ml-0" alt="">
          @endforeach
        </div>
      </div>
    </div>
  </div>

  {{-- Right part --}}
  <div class="pb-5 mb-24 lg:p-5 lg:w-5/12 bg-creatify-bg dark:bg-neutral-900 lg:mb-0 rounded-xl">
    <div class="lg:sticky lg:top-20">
      <div class="overflow-hidden bg-white shadow rounded-xl lg:rounded-lg dark:bg-neutral-700">
        <div class="px-3 py-5 lg:px-5">
          <p class="text-2xl font-bold text-gray-700 dark:text-neutral-200 mb-7">
            {{ __('dashboard.orders.yourorder') }}
          </p>
          <div class="flex flex-col gap-3">
            <div class="flex flex-col gap-3">
              {{-- video duration --}}
              <x-pricing.pricing-parent :icon="asset('img/svgs/video-camera.svg')" :title="__('dashboard.orders.video') . ': ' . $selectedDuration . ' ' . __('dashboard.orders.seconds')" :price="$durationPrice" />
              {{-- video with ads --}}
              @if ($selectedAds)
              <x-pricing.pricing-parent :icon="asset('img/svgs/radar-line.svg')" :title="'+' . $selectedAds . ' ' . trans_choice('dashboard.month', $selectedAds) . ' ' . __('dashboard.orders.ads4')" :price="$adPrice" />
              @else
              <x-pricing.pricing-parent :icon="asset('img/svgs/radar-line.svg')" :title="__('dashboard.orders.ads0_title')" :price="$adPrice" />
              @endif
              @if ($selectedHook)
                {{-- video with hooks --}}
                <x-pricing.pricing-parent :icon="asset('img/svgs/film.svg')" :title="'+' . $selectedHook . ' ' . trans_choice('dashboard.orders.hook', $selectedHook)" :price="$hookPrice" />
              @endif
              {{-- Editing --}}
              {{-- @if ($subtitlePrice || $musicPrice || $calloutsCtaPrice)
                                <x-pricing.pricing-parent :icon="asset('img/svgs/scissors.svg')" :title="config('app.name') . ' ' . 'Editing'">
                                    @if ($subtitlePrice)
                                        <x-pricing.pricing-child title="Subtitle" :price="$subtitlePrice" />
                                    @endif
                                    @if ($musicPrice)
                                        <x-pricing.pricing-child title="Music" :price="$musicPrice" />
                                    @endif
                                    @if ($calloutsCtaPrice)
                                        <x-pricing.pricing-child title="Callouts & CTA" :price="$calloutsCtaPrice" />
                                    @endif
                                </x-pricing.pricing-parent>
                            @endif --}}
              @if ($selectedPhotos)
                {{-- photos --}}
                <x-pricing.pricing-parent :icon="asset('img/svgs/image-placeholder.svg')" :title="$selectedPhotos . ' x ' . __('dashboard.orders.photos')" :price="$photosPrice * $selectedPhotos">
                  <x-pricing.pricing-child :title="'R$ ' . $photosPrice . ' / ' . __('dashboard.orders.each')" text-color="text-gray-400 dark:text-neutral-400" />
                </x-pricing.pricing-parent>
              @endif
              {{-- Subtotal --}}
              <x-pricing.pricing-child title="{{ __('dashboard.orders.subtotal') }}" :price="$subtotal" />
              @if ($counterAddOnCreators > 1)
                {{-- additional creators --}}
                <x-pricing.pricing-parent :icon="asset('img/svgs/users.svg')" :title="'x ' . $addOnCreators . ' ' . __('dashboard.orders.additional_creators')" :price="$subtotal * $addOnCreators">
                  <x-pricing.pricing-child :title="'R$ ' . $subtotal . ' / ' . __('dashboard.orders.each')" text-color="text-gray-400 dark:text-neutral-400" />
                </x-pricing.pricing-parent>
              @endif
              {{-- Discount Applied --}}
              @if ($appliedCouponStatus)
                <x-pricing.pricing-child :title="__('dashboard.orders.discount') .
                    ($discountedPercentage ? ' (' . round($discountedPercentage) . '%)' : '')" :price="round($discountedPrice, 2)" />
              @endif
            </div>

            {{-- Coupons Start --}}
            @if (!$showCouponField && !$appliedCouponStatus)
              <button type="button" wire:click="toggleCouponField()"
                      class="text-sm font-medium text-left text-creatify-2 w-max">
                {{ __('dashboard.orders.coupon') }}
              </button>
            @endif
            @if ($showCouponField)
              <div class="flex items-center gap-2">
                <div class="flex-grow w-9/12 -mt-2">
                  <x-input placeholder="{{ __('dashboard.orders.coupon') }}" wire:model="inputCoupon" />
                </div>
                <x-button class="!w-3/12" wire:click="applyCouponCode('{{ $inputCoupon }}')"
                          wire:loading.class="hidden">
                  {{ __('dashboard.orders.apply') }}
                </x-button>
                <x-button class="!w-3/12" wire:loading>
                  {{ __('dashboard.orders.applying') }}
                </x-button>
              </div>
            @endif
            @if ($appliedCouponStatus)
              <p class="text-xs {{ $appliedCouponStatus->color }}">
                {{ $appliedCouponStatus->message }}
              </p>
              @if ($appliedCouponStatus->color == 'text-creatify-2')
                <div class="-mt-2 lex flex-wrap gap-1.5 py-1 justify-between items-center">
                  <button wire:click="removeCoupon"
                          class="p-2 text-xs text-gray-800 bg-gray-100 rounded-md font dark:bg-neutral-700 dark:text-neutral-200">
                    &times; {{ $inputCoupon }}
                  </button>
                </div>
              @endif
            @endif
            {{-- Coupons End --}}
          </div>
        </div>
        <div class="flex flex-col px-3 py-5 lg:px-5 bg-neutral-800 gap-7">
          <div class="inline-flex items-center justify-between text-2xl font-bold text-white">
            <p>
              {{ __('dashboard.orders.total') }}
            </p>
            <p>
              R$ {{ floor($grand_total) == $grand_total ? number_format($grand_total, 0, '.', '') : number_format($grand_total, 2, '.', '') }}
            </p>
          </div>
          <form action="{{ route('orders.checkout.store', ['uuid' => $order->uuid]) }}" method="post">
            @csrf
            <button
                    class="w-full px-3 py-2 font-semibold text-white border border-transparent rounded-lg bg-creatify-2 gap-x-2 hover:bg-creatify-2 focus:outline-none focus:ring-2 focus:ring-creatify-2 shadow-md shadow-gray-900/10 hover:shadow-lg hover:shadow-gray-900/20 dark:hover:shadow-gray-300/20 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none text-lg">
              {{ __('dashboard.orders.continue') }}
            </button>
          </form>
          <div>
            <div class="flex items-center gap-2 mb-2">
              <img src="{{ asset('img/svgs/turn-left.svg') }}" class="filter-to-white" alt="">
              <p class="text-base font-medium text-white">
                {{ __('dashboard.orders.cancel_title') }}
              </p>
            </div>
            <p class="ml-8 text-xs font-medium text-gray-300">
              {{ __('dashboard.orders.cancel_text') }}
            </p>
          </div>
        </div>
      </div>
      <div class="pb-6 lg:pb-0">
        <div class="flex items-center justify-center mt-7">
          <p class="text-base font-medium text-gray-700 dark:text-neutral-200">
            {{ __('dashboard.orders.secure_payment') }} &thinsp;
          </p>
          <svg class="mt-[-5px] w-auto h-5" viewBox="0 0 127 38" fill="currentColor"
               xmlns="http://www.w3.org/2000/svg">
            <path d="M83.3201 2.65662C83.597 5.4048 82.6979 8.24063 80.8551 10.4396C80.8259 10.4757 80.8159 10.5232 80.8292 10.5673C81.7975 13.7116 80.563 17.4003 77.8271 19.5371L76.8023 20.5419C76.7743 20.5693 76.7597 20.6075 76.7617 20.6469C76.9181 23.3677 75.468 26.0483 73.0669 27.4752L71.5669 28.3663C71.5362 28.3851 71.5129 28.4158 71.5043 28.4513C71.4957 28.4861 71.5016 28.5235 71.5203 28.5543L71.5236 28.5597L71.5848 28.6587H71.5822L76.3697 36.7942C76.4156 36.8724 76.4403 36.9634 76.4403 37.0551C76.4403 37.326 76.2313 37.5495 75.9744 37.5535L73.59 37.5568C73.3364 37.5568 73.1041 37.4217 72.9697 37.1956L72.1498 35.8014C72.1478 35.7981 72.1458 35.794 72.1445 35.79L70.1008 32.3234C70.0722 32.2745 70.0176 32.2511 69.963 32.2632C67.7942 32.7783 65.5814 33.0398 63.3873 33.0398C61.1413 33.0398 58.8812 32.7676 56.6685 32.2297C56.6172 32.2177 56.5573 32.2437 56.5294 32.2912L53.6984 37.1942C53.5626 37.421 53.331 37.5561 53.0775 37.5561H53.0502L50.6464 37.5528C50.3882 37.5495 50.1793 37.3253 50.1793 37.0544C50.1793 36.9628 50.2039 36.8724 50.2491 36.7942L51.5042 34.6661C51.5069 34.6615 51.5096 34.6574 51.5129 34.6541L55.0147 28.658H55.0054L55.0693 28.5543C55.0886 28.5235 55.0946 28.4854 55.0859 28.4506C55.0773 28.4145 55.0546 28.3837 55.0234 28.3657L53.5234 27.4746C51.1223 26.047 49.6721 23.367 49.8292 20.6463C49.8312 20.6068 49.8166 20.5687 49.7886 20.5412L48.7637 19.5364C46.0279 17.4003 44.7934 13.7116 45.7617 10.5667C45.775 10.5225 45.7657 10.4744 45.7358 10.4389C43.893 8.23996 42.9946 5.40414 43.2714 2.65595C43.3466 2.14552 43.5616 1.22968 44.1592 0.830295C44.2391 0.782128 44.3129 0.742659 44.3841 0.710547C44.5465 0.636959 44.7176 0.601503 44.8932 0.608862C44.9179 0.6102 44.9405 0.622241 44.9545 0.64298C46.0113 2.17094 48.0497 4.53914 51.7618 7.14951C53.6438 8.47343 55.1026 9.36519 56.3218 10.0977C56.3284 10.1011 56.6512 10.2951 56.6512 10.2951C57.0025 10.5058 57.3213 10.6971 57.6215 10.8818C58.1585 11.2377 58.6337 11.6016 59.0576 11.9608C60.0565 12.8385 62.1634 15.0288 62.4769 18.1228C62.4769 18.1228 62.8363 20.582 61.2464 23.834L58.3801 29.1082C58.3582 29.1464 58.3548 29.1939 58.3721 29.2347C58.3894 29.2755 58.4247 29.3049 58.4666 29.3129C60.1017 29.6253 61.7575 29.7832 63.3873 29.7832C64.9618 29.7832 66.563 29.6354 68.1456 29.3437C68.1875 29.3357 68.2234 29.3069 68.2407 29.2654C68.258 29.2246 68.2554 29.1771 68.2327 29.139L68.077 28.8533L68.075 28.85L67.1819 27.211H67.1833L65.3112 23.7711C63.7566 20.5513 64.1107 18.1235 64.1107 18.1235C64.4161 15.1104 66.4219 12.955 67.4495 12.0331C67.8933 11.6504 68.3978 11.2618 68.9701 10.8824C69.246 10.7121 69.5377 10.5372 69.8559 10.3464L70.2698 10.0984C71.489 9.36586 72.9478 8.47343 74.8298 7.15018C78.5419 4.53981 80.5803 2.17094 81.6371 0.643649C81.6511 0.62291 81.6737 0.6102 81.6983 0.609531C81.874 0.602841 82.045 0.637628 82.2074 0.711216C82.2786 0.743328 82.3525 0.782797 82.4324 0.830964C83.03 1.23035 83.2449 2.14619 83.3201 2.65662Z"
                  fill="currentColor"></path>
            <path d="M37.4038 24.3511C39.4648 24.4662 42.0243 24.6093 44.1678 25.3519C47.8101 26.6143 48.6153 29.0567 48.6499 30.8824C48.6825 32.5957 48.0663 34.0975 46.8691 35.2268C44.5265 37.4351 40.7678 37.5642 40.0384 37.5676C39.902 37.5756 39.6032 37.5883 39.176 37.5883C37.5342 37.5883 33.3336 37.3796 29.7845 35.4462L29.1057 35.0448C28.8908 34.9197 28.7563 34.6876 28.7563 34.4394C28.7563 34.3277 28.7843 34.218 28.8402 34.1129L29.6973 32.492C29.8191 32.2639 30.0547 32.122 30.3123 32.122C30.4314 32.122 30.5498 32.1535 30.655 32.2123L31.5268 32.6947C35.1345 34.6541 39.7717 34.382 39.865 34.3766L39.8661 34.3765C39.91 34.3732 39.9586 34.3705 40.0105 34.3725C40.8297 34.3725 43.2281 34.1216 44.4367 32.9743C44.9884 32.4505 45.2373 31.8036 45.2213 30.9379C45.174 28.4406 42.4841 27.8345 37.2021 27.5395L37.1762 27.5382L37.1372 27.536C36.6068 27.506 36.116 27.4784 35.6595 27.4418C29.9143 26.9822 29.0724 23.7898 29.0824 21.9281C29.0904 20.384 29.8531 16.7274 36.7449 16.1246C38.1791 15.9988 39.6591 16.0785 41.1438 16.3614C41.3055 16.3929 41.432 16.4183 41.5205 16.4377L42.2579 16.6156C42.5706 16.6932 42.7889 16.9729 42.7889 17.296C42.7889 17.3549 42.7816 17.4111 42.767 17.4699L42.3424 19.2354C42.2585 19.5411 41.9817 19.7532 41.6682 19.7532C41.6183 19.7532 41.5684 19.7472 41.5145 19.7351L40.69 19.5478C40.6053 19.5286 40.5017 19.5066 40.4216 19.4895L40.4205 19.4893L40.3592 19.4762C39.2418 19.2702 38.1338 19.2133 37.0657 19.3063C34.9933 19.4876 32.5217 20.0924 32.5117 21.9448C32.5077 22.6572 32.5017 23.9832 35.953 24.2595C36.3822 24.2936 36.8787 24.3217 37.4038 24.3511Z"
                  fill="currentColor"></path>
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M105.047 36.8142L93.4163 17.0511C93.1547 16.5895 92.5791 16.2912 91.9489 16.2912C91.3426 16.2912 90.7796 16.5835 90.4788 17.0558L80.189 34.6748C80.1856 34.6781 80.183 34.6822 80.1803 34.6868L78.9252 36.8149C78.88 36.8932 78.856 36.9835 78.856 37.0751C78.856 37.3461 79.065 37.5702 79.3232 37.5742L81.7269 37.5775H81.7542C82.0078 37.5775 82.2393 37.4424 82.3751 37.2156L85.2061 32.3126C85.2341 32.2651 85.294 32.239 85.3452 32.2511C87.5573 32.7889 89.818 33.0612 92.064 33.0612C94.2581 33.0612 96.4709 32.7996 98.6397 32.2845C98.6943 32.2725 98.7489 32.2959 98.7775 32.3447L100.821 35.8114C100.823 35.8154 100.825 35.8194 100.827 35.8228L101.646 37.2169C101.781 37.4431 102.013 37.5782 102.267 37.5782L104.651 37.5748C104.908 37.5708 105.117 37.3474 105.117 37.0758C105.118 36.9835 105.093 36.8938 105.047 36.8142ZM96.8216 29.3631C95.2391 29.6548 93.6379 29.8026 92.0633 29.8026C90.4335 29.8026 88.7778 29.6447 87.1427 29.3323C87.1008 29.3243 87.0655 29.2948 87.0482 29.254C87.0309 29.2132 87.0335 29.1657 87.0562 29.1276L91.8404 20.9178C91.8637 20.8784 91.9056 20.8536 91.9495 20.8529C91.9948 20.8529 92.0354 20.877 92.0593 20.9172L96.9088 29.1577C96.9314 29.1958 96.9347 29.2433 96.9168 29.2841C96.8995 29.3263 96.8635 29.3557 96.8216 29.3631Z"
                  fill="currentColor"></path>
            <path fill-rule="evenodd" clip-rule="evenodd"
                  d="M26.7865 36.8142L15.1557 17.0518C14.8942 16.5902 14.3185 16.2918 13.6883 16.2918C13.082 16.2918 12.519 16.5842 12.2182 17.0565L1.92837 34.6755C1.92505 34.6788 1.92239 34.6829 1.91972 34.6875L0.664603 36.8149C0.61935 36.8932 0.594727 36.9835 0.594727 37.0752C0.594727 37.3461 0.803691 37.5702 1.0619 37.5742L3.46566 37.5776H3.49295C3.7465 37.5776 3.97809 37.4424 4.11385 37.2156L6.94486 32.3127C6.97281 32.2652 7.0327 32.2391 7.08395 32.2511C9.29605 32.789 11.5567 33.0612 13.8028 33.0612C15.9969 33.0612 18.2097 32.7997 20.3785 32.2846C20.4331 32.2725 20.4876 32.2959 20.5163 32.3448L22.56 35.8114C22.5606 35.8133 22.5614 35.8152 22.5623 35.8171C22.5632 35.8191 22.5643 35.8211 22.5653 35.8228L23.3852 37.217C23.5196 37.4431 23.7519 37.5782 24.0054 37.5782L26.3899 37.5749C26.6468 37.5709 26.8557 37.3474 26.8557 37.0758C26.8564 36.9835 26.8324 36.8939 26.7865 36.8142ZM18.5604 29.3631C16.9778 29.6548 15.3767 29.8026 13.8021 29.8026C12.1723 29.8026 10.5166 29.6448 8.88144 29.3323C8.83952 29.3243 8.80425 29.2949 8.78694 29.2541C8.76964 29.2133 8.7723 29.1658 8.79493 29.1276L13.5792 20.9179C13.6025 20.8784 13.6444 20.8536 13.6883 20.853C13.7336 20.853 13.7741 20.8771 13.7981 20.9172L18.6476 29.1577C18.6702 29.1959 18.6735 29.2434 18.6555 29.2842C18.6382 29.3263 18.603 29.3557 18.5604 29.3631Z"
                  fill="currentColor"></path>
            <path d="M122.124 25.3519C119.981 24.6093 117.421 24.4662 115.36 24.3511C114.835 24.3217 114.339 24.2936 113.909 24.2595C110.458 23.9832 110.464 22.6572 110.468 21.9448C110.478 20.0924 112.95 19.4876 115.022 19.3063C116.09 19.2133 117.198 19.2702 118.315 19.4762C118.396 19.4936 118.537 19.5231 118.646 19.5478L119.47 19.7351C119.524 19.7472 119.574 19.7532 119.624 19.7532C119.938 19.7532 120.214 19.5411 120.298 19.2354L120.723 17.4699C120.737 17.4111 120.745 17.3549 120.745 17.296C120.745 16.9729 120.526 16.6932 120.214 16.6156L119.476 16.4377C119.388 16.4183 119.261 16.3929 119.1 16.3614C117.615 16.0785 116.135 15.9988 114.701 16.1246C107.809 16.7274 107.046 20.384 107.038 21.9281C107.028 23.7898 107.87 26.9822 113.615 27.4418C114.074 27.4785 114.565 27.5062 115.098 27.5362L115.132 27.5382L115.158 27.5395C120.44 27.8345 123.13 28.4406 123.177 30.9379C123.193 31.8036 122.944 32.4505 122.393 32.9743C121.184 34.1216 118.786 34.3725 117.966 34.3725C117.915 34.3705 117.866 34.3732 117.822 34.3765L117.821 34.3766C117.727 34.382 113.09 34.6541 109.483 32.6947L108.611 32.2123C108.506 32.1535 108.387 32.122 108.268 32.122C108.011 32.122 107.775 32.2639 107.653 32.492L106.796 34.1129C106.74 34.218 106.712 34.3277 106.712 34.4394C106.712 34.6876 106.847 34.9197 107.062 35.0448L107.74 35.4462C111.289 37.3796 115.49 37.5883 117.132 37.5883C117.559 37.5883 117.858 37.5756 117.994 37.5676C118.724 37.5642 122.482 37.4351 124.825 35.2268C126.022 34.0975 126.638 32.5957 126.606 30.8824C126.572 29.0567 125.767 26.6143 122.124 25.3519Z"
                  fill="currentColor"></path>
          </svg>
        </div>
        <div class="flex items-center justify-center gap-4 mt-5 sm:gap-6">
          <img src="{{ asset('img/svgs/pix.svg') }}" class="h-5" alt="">
          <img src="{{ asset('img/boleto.png') }}" class="h-5" alt="">
          {{-- <img src="{{ asset('img/svgs/visa.svg') }}" class="h-5" alt="">
          <img src="{{ asset('img/svgs/mastercard.svg') }}" class="h-5" alt=""> --}}
        </div>
      </div>
    </div>
  </div>
</section>
(h
pk

	����̷��(i
�0evector"�0��0
�0ga���7;��v���;ٸ�:�Pp��I��l0�;�����=8�<W⼞B��3=>^=U�޼E�?�AMN��8�=��='�
�p`�<��}���$�����"�v�/;�`=�:��_z=�H	��=�n����6;���<��=�2��G�<dF<�tԻ�z�<E���-��<�+F�M�������&k<�P�<"���j�<�ᄼ�5�=;�����&!�'�=�.�=:ک���=��A����<�B^�s���Y�<������<�]�;��
�e<z/����<�v����;
Mh�L�<���<�I�<\@��̀���.=;nM�a<4]������v%���u�VIY�E��<]��%����oǼ���;F�)<�:��dC:����;2��=�R��i}<>�����`<���<�h^=��3<��ό<��(�<T��~�===ߦ<�[��]vһ��Q=��;#0���̼q7@�X�<�|���0�;�Uy�>
��������a�6�Y�=���߶��R(����Y]<���Ʌ!=��"���=8�<s���<w�ݼ���;��������=��)��:q%����h<�Լ��Q�VC�;��t���<��<'�����<Y̼�����o���ƻ�Ź�э�%,x�;4������P�=�,�������1��|�<&g�<���<E��X�<�md=�7$=l=H:C�2c��4򔼇�#=ף�<�״<o���9�;>�;�f�;��M=�
�<�;@<�m��u�<v��<!�k:��(=.�=�B=�o�=%�,�|�+�������0��Q4��} �ˣ.=�G���Kڻ<�����e��<����(k�<�4�<�<�q���T=��-=�F��V��<��X<�;=7�׼_���fٓ<Y�h=:e�<9��<�zؼj��:�&R��l�<P٤�D뚼�Ĕ<U��o�=��<؋��^���1<�堻��k�\�r;%=��D=�j�<��@
]�Jt��0�%<7��+,,=M��<�3�t�<����H�SMm����<��=���<��P=��;)� ��"><�$�<�
�=��<z^��Kx�<��@���M=o����F�+{���;
i<@~�<XI&�Ig��_ [�K�<���;B¼˖?<����%<ܺ*�W�������5�;b�
�x�D:�ļ#忻4X<�Gz<C?�<ŀ1<�O1= ��<�R�<HP�<��ڼzד�z�<?��QK�r��E釺��n=j�J<y��<��m��L�=OD��?1��H牻m~�:I�F��|}��8<�#�<�2�wf��T�rև<M�<��V<�u.��<$�<����;�t0<�P3�)���T��G�&�1�1=i��R�;v�ؼ�J�<P�W�_=��
��;�<=eK=u��6���T=nh�H�Y���<�V����<N����	�62a;�%�<����u���0�=�j��E���V��'3=1H!�߫q��[�Z��S,���=�
��⦏;����tj<���:��<��$����<�O�<�y���_2�̣[=���ۜ%=�;��'�<���<CĒ=g�H=��j����<���;ۚ��Ķu��������)8<ݚ�:��s8I
/��k��=���E�.��<�.��ػ��3=���<��:v��<�<���1���4���:Z��T�a��(
=�s=?�<%KŻ�g�<l&:ыl<�_Q=�G<�<ä��Cϼ�񀻣a=���&TO�mQ���=�~�������<�}C=�������n�J�x$
�k<�"<}M�;�.�;���<���<+CԼB#<��<V*=�-c=���<��L=r��<|�a��~<�H�;	z:=lO���=:~��<���;���*U��|ާ��x�@G�;��:��E~<�qN�Pr�
m���|�;�u�=��<B�û�$�:����@k~�,��<_�<k�������	"�l���F@�y�y�/��1�J=�(м�y(<�=�<�P=+S����;��I;T��<V�B=y켼��<ܯ�j���+%��tA�<T/ͻU�1=���:#��;���HVg�W��<�!��g�;�Y�f�1=�W[���<�S��;;�u1=������<����ͻ��~B�6�;ڪ�<x�=஀<8>�<��,����;Z��_��\�U�-=��<��<��v<��N�o�D���O<�<L�9��%�<��<��<�%V��-=��<	F����<�=�q�ե߼y"\;�y�Pa<���<���Rc<�x;�����˻��<X��K�!��:���5<�b�J偽vg�=��<9 �H؟�T�<�P;  �<C̼an�<bN�<�Vu�"
�K�;�ξ;�Ȁ���
:�?������B��et�zj<�/<�눼˸:;nܦ<U%���׃;���<B�E��3a�����x�d�M�<�F=�-��;�	��o�<C�<8f`<&�<���<��%��Q;ix�x���P�(�z�"=>4üP%�;|u�\s�;��<��&<a��|Z_<35�<��=�ۼux�<���<��=�a<x� ��:q8�"}�$�����J;+����h��Qn�;I|=��3�GǼ:/&=)�L� �K=��k��j��o*�(��<�>���.Z���U<�M���ʍ=��=![F=��»��y���4�����85'<�
�<�[���C�<-��ZC�<7c����:��z�<B�=L��d�ż����1$<�K'=P ~�*͆�0�c<�����;�����g��z<��ʻ��ټpm�`	i�2Ԩ;X�(:)P<>��<�u���1�;�ld8����v���Z�<�mҺ"u�;�H�;����aL��5�SS�<�@0�!X��(K!<$w<u���"c�;
�= �a�~�ɼ�ꥻ�i�;��껀��@%�=�O�I,<~!u��y�<�P�4x���E<�D�����<��<t���b�=��3��_�<E1<��x<�<��5��¼��6�
�<Y洼��J=[<��E="�	=�/�<K��:F�;f�?�&�
�ó�<
�ڼ{�{;6qڼ�I��q��;u����z=��� /7�X����1d�<A}u;�/�<G�̼��H<"t�<t����=�:��	62����Y��䡼!�<�B����<ʕ�9Y�����ҽ5���t=i<��Y���5L�<�m�V�>=�<E�y���<�mN<T=�\,���f	=����==2��c�9�BO;�#Q�S�<�U�O�N<5����y;�-�;"
��΁=l�󼰊$=� =��<��#:�e];�Ə��A<	Ӽز9=X�W:5}��Vu��_<�*�<�<+v軻(��@���I
�;5��PX�<(��z�%=pUͼ�ݒ��h{���5�Z����Kɼ����.p<QF��3P���=������m��<��Ż
�;���;�l�<�n><j'�f{����3=��;�fἨM=0E�)t=��[�AN=;�=���V�iN���M�;�p���л4	�<Ԭ�<CQ=]T��b8�<��<�湟<_�2��<_�6�XTm<����
����r�Q#���$�������zʈ����r`��S��<r <�F�<pS��&��<�:=�#P<o�t<�̼�o(=<ϊ�D�����`�5N���BJ<���?BL<�kۻ9z�]v�;��<��Ѽ��`��p^=|�q;�m1=�=<;�ټr���\�<�K���ڿ���4��<�)<�;���<)���H�����<�Ϥ<WӺ�(=��;N"=��:z�s��9W�x<��<m��<#h�9s�/�
�<�Ҟ;$������:n�:9��:�K�:��G���<��ļ �4<?`6=1��< o<[`���9{<�t޺
^<lx���<�.=;Y���=�ɔ���y<`6�<�.�<8�l<q쒻���*�<4�<&�x��T�<�l�;S�<���������=+�p���=D/=�X^�	��<�Y�y��<qB��^�X|�:��4<4u���D�<L���W-<W6>�`@���:y��ne��c0V�O�e<�)�;���Tج�	j;�
�<�$˻�q�<���K�ʿ</V�;(�:ܽ�;�
-<7貼���<�<<;)��;Z��;�IQ�q��<�T�	��_��<����=R�<��-�Q�N�{�9<�_�<6�I�|NC;��*=0�<�=	=
�=FT��,����<a���=C�<�>�<w�<�>�<_n�<�<�<Ʃ�;���;ZP�'$G;Gw�<Rҳ�=0�X����n�<��&�#��<޻w<O��:�ؼ#��<*TA<�K�<�,��,��;�Į<JE�;j���Yfݼ9wz�K��;�v�<��<=�7�<"5�<�R<rr<T�
=A�x<!מ���;O�����<C�F�aR&<�®;,�'<kyJ=�}B<�q�<�Y��k�<5��9s�g<��<Y�=>�f�Y�=;b��vf�<
t< ��Z��:>�r:|+����<���d\�<Veż��o���ȼ�OμR�=`G�<�3ʼz��<�3i<��M� E�;��<i�	��d�;؇�=�@�<T"=��w<�5�<9�'��>��J��<��;<�1��F2��֞<f�<�=�<~p=>?�=��<�7�<鈁<���<b�
=x��~v,���k�
<{��
$���<I4I=8:=J*�7']�rR<��"<�l��s*<.L<v�l�d��<��#���ټ�y<N��;d
h<L�"�
	��R�h9v.v���_����N!���r�<�e�;��W�*棼U��&[B�[��<���:�Q�p
@��v�<��<�=�=�r<�t%��+��(ػO���M�<�;ή�<Ż�<iy�<	kG��A;�|û�^�A��s��b���3���V�(�<.�����R<�
;i��)��;�x��E;[�;�_[���A� �<����fL<��3;1�c<�O=�r_<m%o;	��<x�@<��	<(�*���5�
v@�,k�����Ӄ<)��<��=<~�D�R��:
^�;�=��ռZ;X��6�<�s���5��፼��;��<�.�;s=#����<��<M�<`�m���P�x��"��;�<�<���t��ȧd<@�����<�<M�L<�<�|w<�fp����5L�@�Լ/��:������͡:Ï��
��|�<*G�/�;f�F����G���n���¼��<;<�����q<'�<�GU<�{������Ga�[;=�h�<n�;lW;3ڲ<�p�}�7�Ji�<~֡����8�(��;���<v�
�p���q<�oɺ@0;A�!�?�P<m��NL�<��<��;Պ����:�<�Â<<�	��K<���6=;�I�L,�xI����<W=�EQ�=�Ҷ1�=1(�<g�<��:�{��O�<ӱ^;���~�;A�{<tU�<�:�?�;��<���;;.ȼI�<�MT�QH�;u_ϼ �8����l�<ch,���I_�<��<G_$�o�u�><"1>�w5�;2|k��8;<1�</�7���Y=��s�ܜ�<���;�
�j�Ӽ~62:��;?�k���$=^�vC=��<#�#=������j���)���k;���<�_�;���`29�����*�<�#=��<MB<ek�<U�ƻ����P?�{����;=v��N��Ʊ�<[�;pE�{��<�w����<Z�ں���dv»�n�<3�<�C� ��;�����%x<���GF<��;\���"��Dj<�I��J5�;�
�<�'�;)�6�Nt��S��p(�;X.�<�
�;�^�����ݑ��z0�;E�u<��;K�P�L��<����y�_�����U�/��8���}<i@E;<�	�(��=�̄�x(��s�;1jq<,=�RX<8}2�lGq�bx�<5��<�OM;��;1�6=��5<:,༵R�<C>,����;��0;D�Q���;ş=o�W����<�^�Wb<rQ�<E�n;j/�2�ȼ�Z�<������<��=i%�9�ӹ�g��n28�dǼ�<m�m����<��Ѹ�%������";��ʼ_�<'�;r�C�Pi<*�{<���U�
�`�ʼԸX�(j
RowID

	����̷��
	Timestamp

	ه��̷��(


