@extends('front.app')
@section('meta')
    <x-meta :meta="$meta"/>
@stop

@section('container')

    <div class="page-content">

        <div class="inner-page-head">
            @include('front.templates.background-header')
        </div>

        <div class="inner-page account">
            @include('front.templates.background-inner-page')
            <div class="container">
                <div class="inner-page-content pt-0">
                    <div class="breadcrumbs-wrapper">
                        {{ Breadcrumbs::render('cabinet-video-page') }}
                    </div>

                    @include('front.pages.cabinet.templates.menu')

                    @if(!empty($all_orders) && count($all_orders))
                        <div class="account-history">
                            @foreach($all_orders as $one_order)
                                <div class="account-history-item">
                                    <div class="visiting-video">
                                        <div class="account-video">
                                           {{-- <a data-fancybox="" href="{{ $one_order->url_1080p_mp4 ?? '' }}">
                                                <img src="{{ asset('front-assets/img/visiting.jpg') }}" alt="{{ str_replace('{child_name}', $one_order->ordersUsers->child_name ?? '', ShowLabelById(40)) }}<">
                                            </a>--}}
                                            <video controls="" width="100%" preload="none">
                                                <source src="{{ $one_order->url_1080p_mp4 ?? '' }}" type="video/mp4">
                                                <source src="{{ $one_order->url_1080p_mp4 ?? '' }}" type="video/webm">
                                            </video>
                                        </div>
                                    </div>
                                    <div class="account-history-text">
                                        <div
                                            class="account-history-name">{{ str_replace('{child_name}', $one_order->ordersUsers->child_name ?? '', ShowLabelById(40)) }}</div>
                                        <div
                                            class="account-history-date">{{ getDefaultDateFormatWithLang($one_order->created_at, LANG) }}</div>
                                    </div>
                                    @if($one_order->url_1080p_mp4)
                                        <div class="account-history-link">
                                            <a href="{{ $one_order->url_1080p_mp4 }}" class="button"
                                               download>{{ ShowLabelById(12) }}</a>
                                        </div>
                                    @endif
                                </div>
                            @endforeach
                        </div>
                    @else
                        <div class="confirm-page-inner">
                            <div class="confirm-page-icon">
                                <img src="{{ asset('front-assets/img/icons/confirm-1.svg') }}" alt="Error">
                            </div>
                            <div class="confirm-page-title">{{ ShowLabelById(69) }}</div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
        @include('front.templates.background-bottom')
    </div>

@stop