@extends('layouts.admin')

@section('title' , 'Popups')

@section('breadcrumb-item')
    <li class="breadcrumb-item active">Popups List</li>
@endsection

@section('styles')
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
@endsection

@section('content')
    <div class="card">
        <div class="card-header bg-theme">
            <p class="h5 pt-2 mb-0 float-left"><i class="fa fa-list pr-1"></i>Popups List</p>
            <a href="{{route('admin.popups.create')}}" data-toggle="tooltip" data-placement="bottom"
               title="Add New Record" class="btn btn-info float-right ml-2">
                <i class="fa fa-plus"></i>
            </a>
        </div>
        <div class="card-body">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th>#</th>
                    <th>ID</th>
                    <th>Title</th>
                    <th>Notification</th>
                    <th>Created</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                @forelse($popups as $popup)
                    <tr>
                        <td>{{ $loop->iteration }}</td>
                        <td>{{$popup->id}}</td>
                        <td>{{$popup->title}}</td>
                        <td>{{$popup->description}}</td>
                        <td>{{$popup->created_at}}</td>
                        <td>
                            <div class="btn-group">
                                <a href="{{route('admin.popups.edit', ['id' => $popup->id])}}"
                                   class="btn btn-sm btn-outline-success"><i class="fa fa-pencil"></i></a>
                                @include('includes.modals.delete', ['model' => 'popup', 'route' => 'admin.popups.delete'])
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <th colspan="7" class="text-center">No Popups Yet</th>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>

@endsection