@extends('layouts.layout')


@section('content')

<div class="card my-4 border-0 shadow">
    <div class="card-header bg-primary d-flex justify-content-between">
        <h1 class="fs-5 fw-bold text-white text-uppercase mb-0">{{  $meta['page_title'] ?? $meta['title']}}</h1>
    </div>
    <div class="card-body">
        @if(isset($data['movie']) && !empty($data['movie']))
        <div class="row">
            <span class="text-lg text-white text-center bg-primary py-2 fs-5 fw-semibold rounded">Movies</span>
            <div class="row row-cols-2 row-cols-sm-4 row-cols-lg-6 row-cols-xl-8 g-4">
                @foreach ($data['movie'] as $item)
                @include('components.movie_card')
                @endforeach
            </div>
        </div>
        @endif
        @if(isset($data['show']) && !empty($data['show']))
        <div class="row">
            <span class="text-lg text-white text-center bg-primary py-2 fs-5 fw-semibold rounded mt-5">TV Shows</span>
            <div class="row row-cols-2 row-cols-sm-4 row-cols-lg-6 row-cols-xl-8 g-4">
                @foreach ($data['show'] as $item)
                @include('components.show_card')
                @endforeach
            </div>
        </div>
        @endif
        @if( (!isset($data['show']) || empty($data['show'])) && (!isset($data['movie']) || empty($data['movie'])) )
        <div class="row">
        <span class="text-lg text-white text-center bg-primary py-2 fs-5 fw-bold rounded">No Results</span>
        </div>
        @endif
    </div>
</div>


@endsection