@extends('web.layouts.container')

@section('content')
    <div class="pg-heading">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#"><i class="fas fa-home"></i></a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{__('filmSeries.films')}}</li>
                </ol>
            </nav>
            <h2 class="title">{{__('filmSeries.films')}}</h2>
        </div>
    </div>
    <!--Start films-sec -->
    <section class="items-sec pb-5 ">
        <div class="container">
            <div class="row">
                @if(count($films))
                    @foreach($films as $film)
                        <div class="col-lg-3 col-md-6">
                            <a href="{{route('films.show', $film->id)}}">
                                <div class="item_card">
                                    <div class="img-box">
                                        <img src="{{asset(array_random($film->images))}}" alt="" class="card_img"/>
                                    </div>
                                    <div class="card-body text-center">
                                        <h5 class="title mb-0"><b>{{$film->name}}</b></h5>
                                        <p class="p mb-0">{{stripText($film->description, 100)}}</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endforeach
                    @else
                    <div class="container">
                        <div class="alert alert-secondary text-center text-danger">{{__('main.no_results')}}</div>
                    </div>
                @endif
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection