@extends('front.layouts.app')
@section('title')
    {{ trans('app.favourite_title_label') }}
@endsection
@section('CSS')
    <link href="{{ asset(CSS) }}/home.css" rel="stylesheet" type="text/css" />
@endsection
{{-- search --}}
@php
    $route = route('front.favourites.view');
@endphp
@section('searchRoute', $route)
@section('searchMethod', 'get')
@section('addData')
    {{-- add extra input in form --}}
@endsection
{{-- end --}}

@section('content')
    <div class="home-page">
        <div class="container-fluid ">
            <div class=" col-12">
                <h3 class="m-5">{{ trans('app.favourite_title_label') }}</h3>
                <div class="row  row-cols-1 row-cols-lg-4 row-cols-md-3 g-4">

                    @if (isset($msg))
                        <div class="d-flex justify-content-center mx-auto msgBG w-100">
                            <h3 class="my-5">{{ $msg }}</h3>
                        </div>
                    @endif

                    @if (isset($data))
                        @foreach ($data as $meta)
                            <div class="col">
                                <a class="favLink" href="{{ route('front.fav.videoPage.view', ['id' => encryptValue($meta['id']), 'slug' => 'fav']) }}" >
                                    <div class="card">
                                        <img src="{{ $meta['video_thumb'] }}" class="vidFrame" alt="...">
                                        <div class="card-body">
                                            <div class="d-flex justify-content-between w-100 flex-wrap mb-2">
                                                <p class="card-text first-color-text videoSubTitle m-0"
                                                    style="--showWords:100px;">
                                                    {{ $meta['sub_title'] }}</p>
                                                <p class="m-0">{{ $meta['created_at'] }}</p>
                                            </div>
                                            <h5 class="card-title">{{ $meta['title'] }}</h5>
                                            <p class="card-text"><small class="text-muted">
                                                    @php
                                                        echo $meta['hour'] != 0 ? $meta['hour'] : '';
                                                    @endphp
                                                    {{ $meta['min'] }}
                                                    :
                                                    {{ $meta['sec'] }}
                                                    @php
                                                        $timeLab = 'seconds';
                                                        if ($meta['hour'] != 0) {
                                                            $timeLab = 'hours';
                                                        }
                                                        if ($meta['hour'] == 0 && $meta['min'] != 0) {
                                                            $timeLab = 'minutes';
                                                        }
                                                        echo $timeLab;
                                                    @endphp
                                                </small>
                                            </p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection