@php
    use App\Enums\Ads;
@endphp
@extends('back.layouts.main')
@section('title', 'Ads')
@section('content')
    <div class="card">
        <div class="card-header">
            <div class="btn-group float-md-right">
                <a href="{{ url('backend/ads/create') }}" class='btn btn-info'><i class='fa fa-plus mr-1'></i>Create</a>
            </div>
        </div>
        <div class="card-content overflow-auto collapse show">
            <div class="card-body card-dashboard">

                <table class="table table-responsive-sm table-striped table-bordered data-table">
                    <tr>
                        <th style="min-width: 65px">#</th>
                        <th>Image</th>
                        <th>Page</th>
                        <th>Place</th>
                        <th>Is approved</th>
                        <th>Is active</th>
                        <th>Date from</th>
                        <th>Date to</th>
                        <th>Payment</th>
                        <th style="width: 65px">Actions</th>
                    </tr>
                    <form method='get' class='search'>
                        <tr>
                            <th></th>
                            <th></th>
                            <th>
                                <select name='page' class="form-control">
                                    <option value=''>All</option>
                                    @foreach (Ads::PAGES as $page)
                                        <option {{ selected($page, request('page')) }} value='{{ $page }}'>{{ $page }}</option>
                                    @endforeach
                                </select>
                            </th>
                            <th>
                                <select name='place' class="form-control">
                                    <option value=''>All</option>
                                    @foreach (Ads::PLACES as $place)
                                        <option {{selected($place, request('place')) }} value='{{ $place }}'>{{$place}}</option>
                                    @endforeach
                                </select>
                            </th>
                            <th>
                                <select name='is_approved' class="form-control">
                                    <option value=''>All</option>
                                    <option {{selected('1', request('is_approved')) }} value='1'><i
                                            class="fa fa-check"></i></option>
                                    <option {{selected('0', request('is_approved')) }} value='0'><i
                                            class="fa fa-close"></i></option>
                                </select>
                            </th>
                            <th>
                                <select name='is_active' class="form-control">
                                    <option value=''>All</option>
                                    <option {{selected('1', request('is_active')) }} value='1'><i
                                            class="fa fa-check"></i></option>
                                    <option {{selected('0', request('is_active')) }} value='0'><i
                                            class="fa fa-close"></i></option>
                                </select>
                            </th>
                            <th>
                                <input type='date' name='date_from' value='{{ request('date_from') }}' class='form-control'>
                            </th>
                            <th>
                                <input type='date' name='date_to' value='{{ request('date_to') }}' class='form-control'>
                            </th>
                            <th></th>
                            <th style="width: 65px">
                                <input type='submit' class='btn btn-primary filter' name='search' value='filter' />
                            </th>
                        </tr>
                    </form>
                    @if ($data->isNotEmpty())
                        @foreach ($data as $row)
                            <tr>
                                <td>{{ $row->id }}</td>
                                <td><img src='{{ image($row->image) }}' style='width:100px'></td>
                                <td>{{ $row->page }}</td>
                                <td>{{ $row->place }}</td>
                                <td>
                                    @if ($row->is_approved == '1')
                                        <i class="fa fa-check"></i>
                                    @else
                                        <i class="fas fa-times"></i>
                                    @endif
                                </td>
                                <td>
                                    @if ($row->is_active == '1')
                                        <i class="fa fa-check"></i>
                                    @else
                                        <i class="fas fa-times"></i>
                                    @endif
                                </td>
                                <td>{{ $row->date_from }}</td>
                                <td>{{ $row->date_to }}</td>
                                <td>
                                    {{ $row->payment_status }}
                                    @if($row->payment_status=='pending')
                                        <br><br>
                                        <a target="_blank"
                                        href='{{url('payment/ads')}}?ad_id={{$row->id}}'>Pay Now</a>
                                    @endif
                                </td>
                                <td>
                                    <a href="{{ url('backend/ads/' . $row->id . '/edit') }}" title='Edit'>
                                        <i class="fa fa-lg fa-edit"></i>
                                    </a>
                                    <form method="POST" class='d-inline' action="{{ route('ads.destroy', $row->id) }}"
                                        onsubmit="return confirm('Do you really want delete this?');">
                                        @method('DELETE')
                                        @csrf
                                        <button class='delete'>
                                            <i class="fa fa-lg fa-remove"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td class='text-center' colspan='100'>No Data Available</td>
                        </tr>
                    @endif
                </table>

                <!-- /.box-body -->
                <div class="box-footer clearfix">
                    {{ $data->appends(request()->except('page'))->links() }}
                </div>
            </div>
        </div>
    </div>
@stop

@push('footer')
    <script>
        $('.data-table input , .data-table select ').change(function() {
            $('.filter').trigger('click');
        });
    </script>
@endpush

@section('breadcrumbs')
    <li class="breadcrumb-item active">Ads</li>
@stop