@section('title') {{$title}} @endsection
@section('desc') {{$desc}} @endsection
<x-app-layout>
    @if($type === 'date')
        <div class="row text-center mb-2">
            <div class="col-12">
                <a href="{{route('date', $day_buttons['prev_month'])}}" class="btn btn-primary btn-sm me-1"
                   role="button">Prev
                    month</a>
                <a href="{{route('date', $day_buttons['prev_day'])}}" class="btn btn-primary btn-sm me-1"
                   role="button">Prev
                    day</a>
                <a href="{{route('date', $day_buttons['next_day'])}}" class="btn btn-info btn-sm me-1" role="button">Next
                    day</a>
                <a href="{{route('date', $day_buttons['next_month'])}}" class="btn btn-info btn-sm"
                   role="button">Next
                    month</a>
            </div>
        </div>
    @endif
    <div class="row">
        <div class="card filled-out">
            <div class="card-body card-smp">
                @if($type === 'search')
                    <h1 class="card-title text-center">"{{$title}}" NBA clips</h1>
                @else
                    <h1 class="card-title text-center">{{$title}}</h1>
                @endif
                <div class="list-group">
                    @foreach($data as $c)
                        <a href="{{route('post', $c->id)}}"
                           class="list-group-item d-flex justify-content-between align-items-center lg-mbt">{{$c->title}}
                            <span class="badge bg-info rounded-pill">{{\Carbon\Carbon::parse($c->posted)->tz('America/New_York')->format('g:ia D jS M Y')}}, {{number_format($c->ups, 0)}} ups</span></a>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</x-app-layout>