@extends('layouts.admin_layout')

@section('Title')
    پنل مدیریت | آگهی ها
@endsection

@section('custom-js')
    <script>
        function getCities(tag) {
            if ($(tag).val()) {
                let selected_province = $(tag).find('option:selected').val()
                let city_select = $('#city_select')

                city_select.find('option').remove()
                city_select.append('<option value="">همه</option>')
                city_select.attr('disabled', true)

                $.ajax({
                    url: "{{env('DOMAIN_URL') . 'api/v1/public/getCities'}}",
                    type: "post",
                    headers: {
                        Accept: 'application/json'
                    },
                    data: {
                        province_id: selected_province
                    },
                    success: function (response) {
                        if (response.error) {
                            swal.fire({
                                icon: 'error',
                                title: response.message,
                                toast: true,
                                position: 'top-right',
                                showConfirmButton: false
                            })
                        } else {
                            let option = '';
                            for (let i = 0; i < response.data.cities.length; i++) {
                                option = '<option value="' + response.data.cities[i].id + '">' + response.data.cities[i].name + '</option>'
                                city_select.append(option)
                            }
                        }

                        city_select.attr('disabled', false)
                    }
                });
            }
        }
    </script>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="block-header">
            <div class="row clearfix">
                <div class="col-md-6 col-sm-12">
                    <h1>آگهی ها</h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="{{route('admin.dashboard')}}">
                                    پنل مدیریت
                                </a>
                            </li>
                            <li class="breadcrumb-item active" aria-current="page">آگهی ها</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>

        <div class="row clearfix">
            <div class="col-12">
                <div class="card">
                    <form method="post" action="{{route('admin.advertisements.search')}}" class="card-body">
                        @csrf
                        <div class="row">
                            <div class="col-12 col-sm-6 @if(!$searched) col-md-3 @else col-md-2 @endif mb-4">
                                <label>عنوان</label>
                                @if($searched and $filter_items['title'] !== '')
                                    <input type="text" name="title" class="form-control"
                                           value="{{$filter_items['title']}}">
                                @else
                                    <input type="text" name="title" class="form-control">
                                @endif
                            </div>

                            <div class="col-12 col-sm-6 @if(!$searched) col-md-3 @else col-md-2 @endif mb-4">
                                <label>موبایل کاربر</label>
                                @if($searched and $filter_items['mobile'] !== '')
                                    <input type="text" name="mobile" class="form-control"
                                           value="{{$filter_items['mobile']}}">
                                @else
                                    <input type="text" name="mobile" class="form-control">
                                @endif
                            </div>

                            <div class="col-12 col-sm-6 col-md-2 mb-4">
                                <label>استان</label>
                                <select onchange="getCities(this)" name="province" class="form-control">
                                    <option value="">همه</option>
                                    @foreach($provinces as $province)
                                        <option
                                            @if($searched and $filter_items['province'] == $province['id']) selected="selected"
                                            @endif
                                            value="{{$province['id']}}">
                                            {{$province['name']}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-12 col-sm-6 col-md-2 mb-4">
                                <label>شهر</label>
                                <select id="city_select" name="city" class="form-control">
                                    <option value="">همه</option>
                                    @foreach($cities as $city)
                                        <option
                                            @if($searched and $filter_items['city'] == $city['id']) selected="selected"
                                            @endif
                                            value="{{$city['id']}}">
                                            {{$city['name']}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-12 col-sm-6 col-md-2 mb-4">
                                <label>وضعیت</label>
                                <select name="status" class="form-control">
                                    <option value="">همه</option>
                                    @foreach($statuses as $status)
                                        <option
                                            @if($searched and $filter_items['status'] == $status['id']) selected="selected"
                                            @endif
                                            value="{{$status['id']}}">
                                            {{$status['title']}}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            @if(!$searched)
                                <div class="col-12 col-sm-6 col-md-2">
                                    <label class="d-block text-transparent">-</label>
                                    <button type="submit" class="btn btn-success w-100">
                                        <i class="fa fa-filter mr-2"></i>
                                        فیلتر کنید
                                    </button>
                                </div>
                            @else
                                <div class="col-12 col-md-2 mb-4">
                                    <label class="d-block text-transparent">-</label>
                                    <a href="{{route('admin.advertisements.index')}}" class="btn btn-danger w-100">
                                        <i class="fa fa-times-circle mr-2"></i>
                                        حذف فیلتر
                                    </a>
                                </div>

                                <div class="col-12 col-sm-6 col-md-2 mb-4">
                                    <label class="d-block text-transparent">-</label>
                                    <button type="submit" class="btn btn-success w-100">
                                        <i class="fa fa-filter mr-2"></i>
                                        فیلتر کنید
                                    </button>
                                </div>
                            @endif
                        </div>
                    </form>
                </div>

                <div class="card">
                    @if(!empty($ads->all()))
                        <div class="table-responsive">
                            <table class="table table-hover table-custom spacing8 text-center">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>تصویر</th>
                                    <th>عنوان</th>
                                    <th>شهر</th>
                                    <th>کاربر</th>
                                    <th>دسته بندی</th>
                                    <th>وضعیت</th>
                                    <th>عملیات</th>
                                </tr>
                                </thead>
                                <tbody>
                                @if(!$searched and $ads->lastPage() > 1)
                                    @php
                                        $row = (($ads->currentPage() - 1) * $ads->perPage() ) + 1;
                                    @endphp
                                @else
                                    @php
                                        $row = 1;
                                    @endphp
                                @endif
                                @foreach($ads as $ad)
                                    <tr>
                                        <td class="w60">
                                            <span>{{$row}}</span>
                                        </td>

                                        <td>
                                            <p class="mb-0">
                                                <img src="{{checkAndGetAdMainImage($ad['id'])}}"
                                                     class="ad_picture w-75px h-75px rounded-15px">
                                            </p>
                                        </td>

                                        <td>
                                            <span class="text-truncate mw-300px">
                                                {{getAdvertisementTitle($ad['id'])}}
                                            </span>
                                        </td>

                                        <td>
                                            {{$ad['cityInfo']['name']}}
                                        </td>

                                        <td>
                                            <a href="{{route('admin.users.edit', ['user_id' => $ad['user_id']])}}"
                                               class="text-info">
                                                {{$ad['userInfo']['mobile']}}
                                                <i class="fa fa-user mr-1"></i>
                                            </a>
                                        </td>

                                        <td>
                                            {{$ad['categoryInfo']['title']}}
                                        </td>

                                        <td>
                                           <span class="rounded px-2 fs-10pt" style="background-color: {{$ad['statusInfo']['bg_color']}}; color: {{$ad['statusInfo']['text_color']}}">
                                                {{$ad['statusInfo']['title']}}
                                           </span>
                                        </td>

                                        <td>
                                            <a href="{{route('admin.advertisements.show', ['ad_id' => $ad['id']])}}">
                                                <button class="btn btn-primary">
                                                    <i class="icon-pencil"></i>
                                                </button>
                                            </a>
                                        </td>
                                    </tr>
                                    @php
                                        $row++;
                                    @endphp
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <p class="alert alert-danger mb-0">
                                        موردی یافت نشد.
                                    </p>
                                </div>
                            </div>
                        </div>
                    @endif

                    @if(!$searched and $ads->lastPage() > 1)
                        <div class="bg-white p-2 mt--15px">
                            {{$ads->links()}}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection