@extends('layouts.admin')
@section('content')
<nav aria-label="breadcrumb">
    <ol class="breadcrumb  py-0">
        <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">{{ __('messages.Home') }}</a></li>
        <li class="breadcrumb-item" aria-current="page">{{ __('messages.Zones') }}</li>
        <li class="breadcrumb-item"><a href="{{ route('admin.zones.countries.index') }}">{{ __('messages.Countries') }}</a></li>
        <li class="breadcrumb-item active" aria-current="page">{{ $country->name }}</li>
    </ol>
</nav>
 {{-- Start  Info --}}
 <div class="col-md-12">
    <div class="card">
        <h5 class="card-header bg-light-subtle">{{ __('messages.Country information') }}
        </h5>
        <div class="card-body">
            <div class="responsive-table-plugin">

                <div class="table-rep-plugin">
                    <div class="table-responsive" data-pattern="priority-columns">
                        <table id="tech-companies-1" class="table table-striped">
                            <thead>
                            </thead>
                            <tbody>

                                <tr>
                                    <td class="border border-dark" style="min-width: 300px">
                                        <div class="d-flex justify-content-between">
                                            <div class="div">{{ __('messages.Name') }}</div>
                                            <strong>
                                                <div class="div">{{ $country->name }}</div>
                                            </strong>
                                        </div>
                                    </td>
                                    <td class="border border-dark" style="min-width: 300px">
                                        <div class="d-flex justify-content-between">
                                            <div class="div">{{ __('messages.Number of orders') }}</div>
                                            <strong>
                                                <div class="div">
                                                    {{ $orders->total() }}
                                                </div>
                                            </strong>
                                        </div>
                                    </td>
                                </tr>

                                <tr>
                                    <td class="border border-dark" style="min-width: 300px">
                                        <div class="d-flex justify-content-between">
                                            <div class="div">{{ __('messages.The country\'s flag') }}</div>
                                            <strong>
                                                <img src="{{ asset('assets/flags/32x32/'.$country->code .'.png') }}">
                                            </strong>
                                        </div>
                                    </td>
                                    <td class="border border-dark" style="min-width: 300px">
                                        <div class="d-flex justify-content-between">
                                            <div class="div">{{ __('messages.Number of cities') }}</div>
                                            <strong>
                                                <div class="div">
                                                    {{ $country->cities_count }}
                                                </div>
                                            </strong>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="border border-dark" style="min-width: 300px">
                                        <div class="d-flex justify-content-between">
                                            <div class="div">{{ __('messages.Number of vendors') }}</div>
                                            <strong>
                                                {{ $count_vendors }}
                                            </strong>
                                        </div>
                                    </td>
                                    <td class="border border-dark" style="min-width: 300px">
                                        <div class="d-flex justify-content-between">
                                            <div class="div">{{ __('messages.Number of buyers') }}</div>
                                            <strong>
                                                <div class="div">
                                                    {{ $count_buyers }}
                                                </div>
                                            </strong>
                                        </div>
                                    </td>
                                </tr>

                            </tbody>
                        </table>
                    </div> <!-- end .table-responsive -->

                </div> <!-- end .table-rep-plugin-->
            </div> <!-- end .responsive-table-plugin-->
        </div> <!-- end card-body-->
    </div> <!-- end card-->
</div> <!-- end col-->
{{--  End  Info --}}
@can('show_order')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h5 class=" bg-light-subtle">{{ __('messages.Orders') }}
                </h5>
                <div class="d-flex justify-content-between">

                    <p>
                        <a class="btn btn-primary" data-bs-toggle="collapse"
                            href="#multiCollapseExample1" role="button" aria-expanded="false"
                            aria-controls="multiCollapseExample1">{{ __("messages.Filter") }} <i class="mdi mdi-filter" style="font-size: 20px" ></i></a>
                    </p>
                    <p>
                        @php
                            $user = \App\Models\User::whereId(request('user_id'))->first();
                        @endphp
                        @if ($user)
                            <span data-input_name="user_id" title="{{ __('messages.Delete') }}"  class="badge bg-success-subtle mt-2  text-success badge_font_size rounded-pill badge_filter_span remove_input_filter">
                                {{ __("messages.Customer") }} : {{ $user->name }}
                                <span class="mdi mdi-close-thick"></span>
                            </span>
                        @endif
                        @if (request('order_num'))
                            <span data-input_name="order_num" title="{{ __('messages.Delete') }}"  class="badge bg-success-subtle mt-2  text-success badge_font_size rounded-pill badge_filter_span remove_input_filter">
                                {{ __("messages.Order number") }} : {{ request('order_num') }}
                                <span class="mdi mdi-close-thick"></span>
                            </span>
                        @endif
                        @php
                            $all_status = array_keys(__('messages.order_services_status'))
                        @endphp
                        @if (request('status') && in_array(request('status') , $all_status))
                            <span data-input_name="status" title="{{ __('messages.Delete') }}"  class="badge bg-success-subtle mt-2  text-success badge_font_size rounded-pill badge_filter_span remove_input_filter">
                                {{ __("messages.Order status") }} : {{ __("messages.order_services_status.".request('status')) }}
                                <span class="mdi mdi-close-thick"></span>
                            </span>
                        @endif

                        @php
                            $all_services = array_keys(__('messages.order_services_types'))
                        @endphp
                        @if (request('service_type') && in_array(request('service_type') , $all_services))
                            <span data-input_name="service_type" title="{{ __('messages.Delete') }}"  class="badge bg-success-subtle mt-2  text-success badge_font_size rounded-pill badge_filter_span remove_input_filter">
                                {{ __('messages.Service') }} : {{ __('messages.order_services_types.'.request('service_type')) }}
                                <span class="mdi mdi-close-thick"></span>
                            </span>
                        @endif
                        @php
                            $dates_filter =[
                                "from_created_at"=>"From the date of creation",
                                "from_publication_time"=>"From the date of publication",
                                "from_end_time"=>"From the date of expiration",
                                "to_created_at"=>"To the date of creation",
                                "to_publication_time"=>"To the date of publication",
                                "to_end_time"=>"To the date of expiration",
                            ];
                        @endphp
                        @foreach ($dates_filter as $key=>$value)
                        @if (request($key))
                            <span data-input_name="{{ $key }}" title="{{ __('messages.Delete') }}"  class="badge bg-success-subtle mt-2 text-success  badge_font_size rounded-pill badge_filter_span remove_input_filter">
                                {{ __('messages.'.$value) }} : {{ request($key) }}
                                <span class="mdi mdi-close-thick"></span>
                            </span>
                        @endif
                        @endforeach




                    </p>
                </div>


            </div>
            <div class="card-body collapse multi-collapse" id="multiCollapseExample1">
                <div class="row">

                        <div class="col-lg-6">
                            <form id="form_filter">
                                <div class="mb-3">
                                    <label for="customer" class="form-label">{{ __('messages.Customer') }}</label>
                                    <select name="user_id" class="form-select select2" data-toggle="select2" id="customer">
                                        <option value="">--------</option>
                                        @foreach ($users as $user )
                                            <option @selected(request('user_id')==$user->id) value="{{ $user->id }}">{{ $user->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label for="example-select" class="form-label">{{ __('messages.Order status') }}</label>
                                    <select name="status" class="form-select" id="example-select">
                                        <option value="">--------</option>
                                        @foreach (__('messages.order_services_status') as $key=>$value )
                                            <option @selected(request('status')==$key) value="{{ $key }}">{{ $value }}</option>
                                        @endforeach

                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">{{ __('messages.From the date of creation') }}</label>
                                    <input name="from_created_at" value="{{ request('from_created_at') }}" type="text" id="basic-datepicker" class="form-control basic-datepicker"
                                        placeholder="{{ __('messages.From the date of creation') }}">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">{{ __('messages.From the date of publication') }}</label>
                                    <input name="from_publication_time" value="{{ request('from_publication_time') }}" type="text" id="basic-datepicker" class="form-control basic-datepicker"
                                        placeholder="{{ __('messages.From the date of publication') }}">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">{{ __('messages.From the date of expiration') }}</label>
                                    <input name="from_end_time" value="{{ request('from_end_time') }}" type="text" id="basic-datepicker" class="form-control basic-datepicker"
                                        placeholder="{{ __('messages.From the date of expiration') }}">
                                </div>
                        </div>
                        <div class="col-lg-6">

                            <div class="mb-3">
                                <div class="mb-3">
                                    <label for="simpleinput" class="form-label">{{ __('messages.Order number') }}</label>
                                    <input value="{{ request('order_num') }}" name="order_num" type="number" id="simpleinput" placeholder="{{ __('messages.Order number') }}" class="form-control">
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="example-select" class="form-label">{{ __('messages.Service') }}</label>
                                <select name="service_type" class="form-select" id="example-select">
                                    <option value="">--------</option>
                                    @foreach (__('messages.order_services_types') as $key=>$value )
                                        <option @selected(request('service_type')==$key) value="{{ $key }}">{{ $value }}</option>
                                    @endforeach

                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ __('messages.To the date of creation') }}</label>
                                <input value="{{ request('to_created_at') }}" name="to_created_at" type="text" class="form-control basic-datepicker"
                                    placeholder="{{ __('messages.To the date of creation') }}">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ __('messages.To the date of publication') }}</label>
                                <input value="{{ request('to_publication_time') }}" name="to_publication_time" type="text" class="form-control basic-datepicker"
                                    placeholder="{{ __('messages.To the date of publication') }}">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ __('messages.To the date of expiration') }}</label>
                                <input value="{{ request('to_end_time') }}" name="to_end_time" type="text" class="form-control basic-datepicker"
                                    placeholder="{{ __('messages.To the date of expiration') }}">
                            </div>

                        </div>

                        <div class="col-lg-12">
                            <button type="submit" class="btn btn-primary btn-block col-12">{{ __("messages.Apply filter") }}  <i class="mdi mdi-filter" ></i></button>
                        </div>
                    </form>


                </div>
                <!-- end row-->
            </div> <!-- end card-body -->
        </div> <!-- end card -->
    </div><!-- end col -->
</div><!-- end row -->
<div class="row m-t-10">
    <div class="col-md-12">
        @if (!$orders->count())
            <div class="text-center">
                <img src="{{ asset('assets/images/empty_data.svg') }}" height="300" width="300">
            </div>
            <div class="text-center h3 text-dark">
                {{ __("messages.There are no orders") }} :(
            </div>
        @else
        <div class="table-responsive">
            <table class="table table-bordered mb-0 table-striped table-hover">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>{{ __('messages.Customer') }}</th>
                        <th>{{ __("messages.Date created") }}</th>
                        <th>{{ __("messages.Date of publication") }}</th>
                        <th>{{ __("messages.Expiry date") }}</th>
                        <th>{{ __("messages.Service") }}</th>
                        <th>{{ __("messages.Status") }}</th>
                        <th>{{ __("messages.Actions") }}</th>

                    </tr>
                </thead>
                <tbody class="table-group-divider">
                    @foreach ($orders as $order)
                        <tr>
                            <td>
                                <a href="{{ route('admin.orders.show' , $order->id) }}">
                                    {{ $order->order_num }}
                                </a>
                            </td>
                            <td>
                                <a href="{{ $order->user->type == 'vendor' ? route('admin.vendors.show' , $order->user->id) : route('admin.buyers.show' , $order->user->id) }}">
                                    {{ $order->user->name }}
                                </a>
                            </td>
                            <td style="min-width: 50px">{{ date('Y-m-d' , strtotime($order->created_at)) }}</td>
                            <td style="min-width: 50px">{{ date('Y-m-d' , strtotime($order->publication_time)) }}</td>
                            <td style="min-width: 50px">{{ date('Y-m-d' , strtotime($order->end_time)) }}</td>

                            <td>
                                {{ __("messages.order_services_types.".$order->service_type) }}
                            </td>
                            <td>
                                @if ($order->status == "finished")
                                    <span class="badge bg-success-subtle text-success badge_font_size rounded-pill">
                                        {{ __("messages.order_services_status.".$order->status) }}
                                    </span>
                                @elseif ($order->status == "processing")
                                    <span class="badge bg-info-subtle text-info badge_font_size rounded-pill">
                                        {{ __("messages.order_services_status.".$order->status) }}
                                    </span>
                                @elseif ($order->status == "cancel")
                                    <span class="badge bg-danger-subtle text-danger badge_font_size rounded-pill">
                                        {{ __("messages.order_services_status.".$order->status) }}
                                    </span>
                                @else
                                    @if ($order->is_end_time)
                                    <span class="badge bg-warning-subtle text-warning badge_font_size rounded-pill">
                                        {{ __("messages.order_services_status.pending_end_time") }}
                                    </span>
                                    @else
                                    <span class="badge bg-warning-subtle text-warning badge_font_size rounded-pill">
                                        {{ __("messages.order_services_status.".$order->status) }}
                                    </span>
                                    @endif

                                @endif

                            </td>

                            <td>
                                <a  href="{{ route('admin.orders.show' , $order->id) }}" type="button" class="btn btn-primary"><i class="mdi mdi-eye"></i> <span>{{ __("messages.Details") }}</span> </a>
                            </td>
                        </tr>
                    @endforeach


                </tbody>
            </table>
        </div>
        @endif




    </div>
  <div class="mt-2">
    {{ $orders->links() }}
  </div>
</div>
@endcan

@endsection

@section('script')
<script>
    $(function(){
       $(".remove_input_filter").click(function(){

            var inp_name = $(this).data('input_name');

            $('input[name='+inp_name+']  ,  select[name='+inp_name+']').val(null)
            $("#form_filter").submit()

       })
    })
  </script>
@endsection