@extends('admin::layouts.app')
@section('content')
<section class="content mb-5">
    <div class="container-fluid">
        @include('admin::partials.title-pad', [
        'title' => __('admin.announcement'),
        'search' => $search,
        'searchPlaceholder' => __('placeholder.search_announcement'),
        'create' => 'admin.announcements.create',
        'filter' => true,
        'list' => $announcements,
        ])
        <div class="row mt-2">
            <div class="col-md-12">
                <ul class="nav nav-tabs customer-tab-profile">
                    <li class="nav-item profileLink">
                        <a class="nav-link opacityCustomerTab opacityTab {{ \Request::route()->getName() == 'admin.announcements.index' ? 'active' : '' }}" href="{{ route('admin.announcements.index') }}">
                            <i class="fa fa-calendar"></i> ({{$currentAnnouncementCount}}) {{ __('admin.current') }}
                        </a>
                    </li>
                    <li class="nav-item profileLink">
                        <a class="nav-link opacityCustomerTab opacityTab {{ \Request::route()->getName() == 'admin.announcements.upcoming' ? 'active' : '' }}" href="{{ route('admin.announcements.upcoming') }}">
                            <i class="fa fa-flask"></i> ({{$upcommingAnnouncementCount}}) {{ __('admin.upcoming') }}
                        </a>
                    </li>
                    <li class="nav-item profileLink">
                        <a class="nav-link opacityCustomerTab opacityTab {{ \Request::route()->getName() == 'admin.announcements.past' ? 'active' : '' }}" href="{{ route('admin.announcements.past') }}">
                            <i class="fa fa-check-square"></i>({{$pastAnnouncementCount}}) {{ __('admin.past') }}
                        </a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="Today">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="tabData">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <h6 class="mt-2"></h6>
                                        </div>
                                    </div>
                                    <div class="mt-2 mb-2">
                                        <div class="dashbed-border-bottom"></div>
                                    </div>
                                    <div class="pb-4">
                                        <div class="table-responsive bg-white">
                                            <table class="table table-striped table-bordered admintable border-0" cellspacing="0" cellpadding="0">
                                                <tbody>
                                                    <tr>
                                                        <th>#</th>
                                                        <th>{{ __('label.subject') }}</th>
                                                        <th>{{ __('admin.created_by') }}</th>
                                                        <th>{{ __('label.select_from_date') }}</th>
                                                        <th>{{ __('label.select_to_date') }}</th>
                                                        <th>{{ __('admin.status') }}</th>
                                                        <th>{{ __('admin.action') }}</th>
                                                    </tr>
                                                   @forelse($announcements as $key => $announcement)
                                                    <tr>
                                                        <td>{{ $key +1 }}</td>
                                                        <td>{{ $announcement->subject }}</td>
                                                        <td>{{ isset($announcement->createdBy->name) ? $announcement->createdBy->name : '' }}</td>
                                                        <td>{{ App\Helpers\GeneralHelper::dateFormat1($announcement->from_date) }}</td>
                                                        <td>{{ App\Helpers\GeneralHelper::dateFormat1($announcement->to_date) }}</td>
                                                        <td><span class="badge bad-status @if ($announcement->status == 'active') badge-success @else badge-danger @endif">{{ ucfirst($announcement->status) }}</span></td>
                                                        <td>
                                                            @if (Auth::user()->hasPermission('admin.announcements.edit'))
                                                                <a href="{{ url('admin/announcements/edit/'.$announcement->id )}}" class="f-16 mr-1"
                                                                    title="Edit Announcements"><i class="iconly-boldEdit"></i></a>
                                                            @endif
                                                            @if (Auth::user()->hasPermission('admin.announcements.delete'))
                                                                <a href="javascript:;" data-url="/api/admin/announcements/{{ $announcement->id }}"
                                                                    data-request="remove" class="text-danger f-16" title="Delete Announcements"><i
                                                                        class="iconly-boldDelete"></i></a>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                    @empty
                                                    <tr>
                                                        <td colspan="10">
                                                            <p>
                                                                <center class="text-danger">{{ __('admin::message.no_records_found') }}
                                                                </center>
                                                            </p>
                                                        </td>
                                                    </tr>
                                                    @endforelse
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    {{-- Pagination --}}
                                    {{ $announcements->appends(request()->input())->links('admin::partials.pagination') }}
                                    {{-- Pagination End --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>
<!-- BEGIN: Filter Modal-->
    <div class="modal fade" id="filter" tabindex="-1" role="dialog" aria-labelledby="loginpopupTitle" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content bg-light modalPad">
            <form id="filter-form">
                <div class="modal-header position-relative border-0">
                    <div class="">
                        <button type="button" class="close-btn" data-dismiss="modal" aria-label="Close">
                            <img src="{{ asset('admin-assets/img/close.svg') }}" />
                        </button>
                        <div class="">
                            <h5>{{ __('admin.announcement') }}</h5>
                            <p class="mb-0">{{ __('label.filter') }}</p>
                        </div>
                    </div>
                </div>
                <div class="modal-body pt-0">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="exampleFormControlSelect1">{{ __('label.from_date') }}</label>
                                <input type="date" name="from_date" id="date" value="{{ $fromDate }}" class="form-control" />
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="exampleFormControlSelect1">{{ __('label.to_date') }}</label>
                                <input type="date" name="to_date" id="date" value="{{ $toDate }}" class="form-control" />
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label for="exampleFormControlSelect1">{{ __('label.select_status') }}</label>
                                <select class="form-control selectpicker" id="status" name="status">
                                    <option value="">{{ __('label.Select') }}</option>
                                     @foreach ($announcementStatus as $key => $value)
                                        <option value="{{ $value }}" @if ($status == $value) selected @endif>
                                            {{ ucfirst($value) }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="col-md-12 mt-1">
                            <button type="submit" class="btn btn-primary" onclick="this.form().submit();">{{ __('label.apply_filter') }}</button>
                            <button type="reset" class="btn btn-primary" data-dismiss="modal">{{ __('static.cancel') }}</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- END: Filter Modal-->
@endsection