@extends('layouts.master')
@section('title') {{__("admin.notifications")}} @endsection
@section('css')
<!---Internal Owl Carousel css-->
<link href="{{URL::asset('assets/plugins/owl-carousel/owl.carousel.css')}}" rel="stylesheet">
<!---Internal  Multislider css-->
<link href="{{URL::asset('assets/plugins/multislider/multislider.css')}}" rel="stylesheet">
<!--- Select2 css -->
<link href="{{URL::asset('assets/plugins/select2/css/select2.min.css')}}" rel="stylesheet">
<style>
    .pagination-box {
        display: flex;
        justify-content: flex-end;
    }
</style>
@endsection
@section('content')

@component('components.breadcrumb')
@slot('li_1') {{__("admin.all_notifications")}} @endslot
@slot('title') {{__("admin.control")}} {{__("admin.notifications")}} ! @endslot
@endcomponent

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h4 class="card-title m-0">{{__("admin.all_notifications")}}</h4>
				@if(isset($super_admin) || isset($notification_control))
                <a href="{{route('admin.notifications.create')}}" class="btn btn-primary button-icon"><i class="fe fe-plus ml-2 font-weight-bolder"></i>{{__('admin.add_notification')}}</a>
                @endif
            </div>
            <div class="card-body table-responsive border-0">
                @include("layouts.session")
                @component('components.errors')
                    @slot('id') notification_id @endslot
                @endcomponent
                <table id="datatable" class="table table-bordered dt-responsive text-nowrap w-100">
                    <thead>
                        <tr style="cursor: pointer;">
                            <th class="fw-bold">#</th>
                            <th class="fw-bold">{{__("admin.type")}}</th>
                            <th class="fw-bold">{{__("admin.phone")}}</th>
                            <th class="fw-bold">{{__("admin.title")}}</th>
                            <th class="fw-bold">{{__("admin.message")}}</th>
                            <th class="fw-bold">{{__("admin.created_at")}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(count($notifications) == 0)
                        <tr class="align-middle">
                            <td colspan="100" class="text-center">{{__("admin.no_data_found")}}</td>
                        </tr>
                        @endif
                        @foreach($notifications as $count => $notification)
                        <tr data-id="{{$count+1}}">
                            <td style="width: 80px" class="align-middle">{{$count+1}}</td>
                            <td class="align-middle">{{__("admin.user_type_$notification->type")}}</td>
                            <td class="align-middle">{{$notification->phone ?? __("admin.not_found")}}</td>
                            <td class="align-middle">{{$notification->title}}</td>
                            <td class="align-middle">{{$notification->message}}</td>
                            <td class="align-middle">{{$notification->created_at}}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="row">
                    <div class="col-12 pagination-box">
                        {{$notifications->links()}}
                    </div>
                </div>
            </div>
        </div>
    </div> <!-- end col -->
</div>

@endsection
@section('js')
<!--Internal  Datepicker js -->
<script src="{{URL::asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js')}}"></script>
<!-- Internal Select2 js-->
<script src="{{URL::asset('assets/plugins/select2/js/select2.min.js')}}"></script>
<!-- Internal Modal js-->
<script src="{{URL::asset('assets/js/modal.js')}}"></script>
@endsection