@extends('adminlte::page')

@section('title', 'Marketplace Ad Listings')

@section('content_header')
    <h1>
        <i class="fas fa-fw fa-home" style="color: #FD7E15"></i>
        Marketplace Ad Listings
    </h1>
@stop

@section('content')
    {{-- <p>Welcome to Realtor Information Management System(RIMS) admin panel.</p> --}}
    {{-- <hr/> --}}
    <div class="container">
        <hr/>
        <div class="row">
            <div class="col-12">
                @if ($errors->any())
                        <div class="alert alert-danger" role="alert">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    @if (Session::has('error'))
                        <div class="alert alert-danger" role="alert">
                            {{ Session::get('error') }}
                        </div>
                    @endif
                    <!-- //success -->
                    @if (Session::has('success'))
                        <div class="alert alert-success" role="alert">
                            {{ Session::get('success') }}
                        </div>
                    @endif
            </div>

            {{-- <div class="col-lg-4 col-md-6 col-sm-12">
                <div class="card">
                    <h5 class="card-header">New Ad Details</h5>
                    <div class="card-body">
                        <h5 class="card-title"></h5>
                        <form method="POST" action="/admin/properties/add">
                            @csrf
                            <div class="mb-3">
                                <label for="title" class="form-label">Property Title</label>
                                <input type="text" class="form-control" id="title" name="title" aria-describedby="titleHelp" required>
                                <div id="titleHelp" class="form-text">We'll this properties name use to classify property listings.</div>
                            </div>
                            <div class="mb-3">
                                <label for="category" class="form-label">Property Category</label>
                                <select class="form-control" name="category_id" id="category" aria-describedby="titleHelp" required>
                                    @foreach($data['cats'] as $c)
                                        <option value="{{ $c->id }}">{{ $c->category_name }}</option>
                                    @endforeach
                                </select>
                                <div id="titleHelp" class="form-text">We'll this properties name use to classify property listings.</div>
                            </div>
                            <div class="mb-3">
                                <label for="status" class="form-label">Property Status</label>
                                <select class="form-control" name="status_id" id="status" aria-describedby="titleHelp" required>
                                    @foreach($data['status'] as $s)
                                        <option value="{{ $s->id }}">{{ $s->status_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="location" class="form-label">Property Country</label>
                                <select class="form-control" id="country" name="country">
                                    <option value="">--</option>
                                    <option value="1">Kenya</option>
                                    <option value="2">Uganda</option>
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="location" class="form-label">Property Region</label>
                                <input type="text" class="form-control" id="location" name="location" aria-describedby="titleHelp" required>
                                <div id="titleHelp" class="form-text">We'll this properties name use to classify property listings.</div>
                            </div>
                            <div class="mb-3">
                                <label for="location" class="form-label">Property Place</label>
                                <input type="text" class="form-control" id="location" name="location" aria-describedby="titleHelp" required>
                                <div id="titleHelp" class="form-text">We'll this properties name use to classify property listings.</div>
                            </div>
                            <div class="mb-3">
                                <label for="location" class="form-label">Property Area</label>
                                <input type="text" class="form-control" id="location" name="location" aria-describedby="titleHelp" required>
                                <div id="titleHelp" class="form-text">We'll this properties name use to classify property listings.</div>
                            </div>
                            <div class="mb-3">
                                <label for="price" class="form-label">Property Price</label>
                                <input type="text" class="form-control" id="price" name="price" aria-describedby="titleHelp" required>
                                <div id="titleHelp" class="form-text">We'll this properties name use to classify property listings.</div>
                            </div>
                            <div class="mb-3">
                                <label for="description" class="form-label">Property Description</label>
                                <textarea class="form-control" name="description"></textarea>
                            </div>
                            <button type="submit" class="btn btn-outline-primary">Submit <i class="fa fa-plus"></i></button>
                        </form>
                    </div>
                </div>
            </div> --}}
            <div class="col-lg-12 col-md-12 col-sm-12">
                <div class="card">
                    <h5 class="card-header">Ad Listings</h5>
                    <div class="card-body">
                        {{-- listings_tbl --}}
                        <table id="" class="table table-striped table-bordered" style="width:100%">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Image</th>
                                    <th>Ad Type</th>
                                    <th>Title</th>
                                    <th>Status</th>
                                    <th>Price(KES.)</th>
                                    {{-- <th>Location</th> --}}
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($lists as $ad)
                                    <tr>
                                        <td>
                                            <input type="checkbox" name="ad_id_{{ $ad['id'] }}" value="{{ $ad['id']; }}" />
                                        </td>
                                        <td>
                                            {{--  --}}
                                            @if ($ad['pictures'] != null)
                                                <img src="/{{ $ad['pictures'][0]['filename'] }}" alt="{{ $ad['title'] }}" width="50">
                                            @else
                                                <img src="/more/media/prod_1.jpeg" alt="{{ $ad['title'] }}" width="50">
                                            @endif
                                        </td>
                                        <td>{{ $ad['ad_type']; }}</td>
                                        <td>{{ $ad['title']; }}</td>
                                        <td>
                                            @if ($ad['approved'])
                                                <span class="badge badge-pill badge-success">APPROVED</span>
                                            @else
                                                <span class="badge badge-pill badge-danger">NOT APPROVED</span>
                                            @endif
                                        </td>
                                        <td>{{ number_format($ad['price'], 2); }}</td>
                                        {{-- <td>{{ $ad['country_name']; }}, {{ $ad['region_name']; }}, {{ $ad['place_name'] }}, {{ $ad['area_name'] }}</td> --}}
                                        <td>
                                            <span class="badge badge-warning">
                                                <a href="/admin/listings/analytics/{{ $ad['id'] }}" style="color: white;" data-toggle="tooltip" data-placement="top" title="{{ $ad['title']; }} Analytics">
                                                    <i class="fas fa-chart-line"></i>
                                                </a>
                                            </span>
                                            @if (!$ad['approved'])
                                                <span class="badge badge-success">
                                                    <a href="/admin/listings/approve/{{ $ad['id'] }}" style="color: white;" data-toggle="tooltip" data-placement="top" title="Approve {{ $ad['title']; }}">
                                                        <i class="fa fa-thumbs-up"></i>
                                                        {{-- Approve --}}
                                                    </a>
                                                </span>
                                                <span class="badge badge-warning">
                                                    <a href="/admin/listings/dissapprove/{{ $ad['id'] }}" style="color: white;" data-toggle="tooltip" data-placement="top" title="Disapprove {{ $ad['title']; }}">
                                                        <i class="fa fa-thumbs-down"></i>
                                                        {{-- Disapprove --}}
                                                    </a>
                                                </span>
                                            @else
                                                
                                            @endif
                                            <span class="badge badge-secondary">
                                                <a href="/admin/listings/edit{{ $ad['id'] }}" style="color: white;" data-toggle="tooltip" data-placement="top" title="Edit {{ $ad['title']; }}">
                                                    <i class="fa fa-edit"></i>
                                                    {{-- Edit --}}
                                                </a>
                                            </span>
                                            <span class="badge badge-danger">
                                                <a href="/admin/listings/delete/{{ $ad['id'] }}" style="color: white;" data-toggle="tooltip" data-placement="top" title="Delete {{ $ad['title']; }}">
                                                    <i class="fa fa-trash"></i>
                                                    {{-- Delete --}}
                                                </a>
                                            </span>
                                            <span class="badge badge-primary">
                                                <a href="/ad/view/{{ $ad['id'] }}" target="_blank" style="color: white;" data-toggle="tooltip" data-placement="top" title="Delete {{ $ad['title']; }}">
                                                    <i class="fa fa-eye"></i>
                                                    {{-- Delete --}}
                                                </a>
                                            </span>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <br />
                        <nav aria-label="Page navigation example">
                            <ul class="pagination">
                                @if ($prev_page_url != null)
                                    <li class="page-item">
                                        <a class="page-link" href="{{ $prev_page_url }}">
                                            Previous
                                        </a>
                                    </li>
                                @endif

                                <li class="page-item">
                                    <a class="page-link" href="#">
                                        Page {{ $current_page }}
                                    </a>
                                </li>
                              
                                {{-- <li class="page-item"><a class="page-link" href="#">2</a></li> --}}
                                @if ($next_page_url != null)
                                        <li class="page-item">
                                            <a class="page-link" href="{{ $next_page_url }}">
                                                Next
                                            </a>
                                        </li>
                                @endif
                                {{-- <li class="page-item"><a class="page-link" href="#">3</a></li> --}}
                            </ul>
                          </nav>
                        <br/>
                        <a href="/dashboard" class="btn btn-outline-warning"><i class="fa fa-backward"></i> Go back</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop



@section('css')
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.css"/>
    <link href="https://cdn.datatables.net/2.0.3/css/dataTables.bootstrap4.css" />
@stop

@section('js')
    <script>
        console.log('Hi!');
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script>
    <script src="https://cdn.datatables.net/2.0.3/js/dataTables.js"></script>
    <script src="https://cdn.datatables.net/2.0.3/js/dataTables.bootstrap4.js"></script>
    <script>
        new DataTable('#listings_tbl');
    </script>
@stop