@extends('layouts/contentLayoutMaster')

@section('title', 'Resolution')

@section('page-style')
  <link rel="stylesheet" href="{{ asset(('css/base/pages/app-chat.css')) }}">
  <link rel="stylesheet" href="{{ asset(('css/base/pages/app-chat-list.css')) }}">
@endsection

@section('content')
<section>
  <h2 class="page-title font-bolder text-primary mb-2" data-id="">{{ __('locale.resolution') }}</h2>
</section>
<section>
  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-body">
          <div class="filter-status d-infline-flex">
            <div class="d-inline-block mr-1 mb-1 align-middle">Status:</div>
              <ul class="filter-status-list list-inline d-inline-block mb-0">
                <li>
                  @if (empty(request()->status))
                    <a href="{{route('resolution')}}" class="btn btn-primary mr-25 mb-1">{{ __('locale.all') }}</a>
                  @else
                    <a href="{{route('resolution')}}" class="btn btn-outline-primary mr-25 mb-1">{{ __('locale.all') }}</a>
                  @endif
                </li>
                <li>
                  @if ($status == 1)
                    <a href="?status=1" class="btn btn-primary mr-25 mb-1">{{ __('locale.ongoing') }}</a>
                  @else
                    <a href="?status=1" class="btn btn-outline-primary mr-25 mb-1">{{ __('locale.ongoing') }}</a>
                  @endif
                </li>
                <li>
                  @if ($status == 2)
                    <a href="?status=2" class="btn btn-primary mr-25 mb-1">{{ __('locale.finish') }}</a>
                  @else
                    <a href="?status=2" class="btn btn-outline-primary mr-25 mb-1">{{ __('locale.finish') }}</a>
                  @endif
                </li>
            </ul>
          </div>
          <hr>
          <div class="list-resolution">
            @if (count($resolutions['data']) > 0)
              <ul class="list-group list-group-flush">
                @foreach ($resolutions['data'] as $item)
                  <li class="list-group-item" data-item={{$item['id']}}>
                    <a href="{{url('member/resolution/' . $item['id'])}}">
                      <div class="row">
                        <div class="col-md-6">
                          <div class="media">
                            @if (Auth::user()->id == $item['user_id'])
                              <img class="rounded-circle cursor-pointer mr-1" src="{{asset('images/profile/thumb/' . $item['buddy_image'])}}" alt="avatar" height="64" width="64">
                            @else
                              <img class="rounded-circle cursor-pointer mr-1" src="{{asset('images/profile/thumb/' . $item['user_image'])}}" alt="avatar" height="64" width="64">
                            @endif
                            <div class="media-body">
                              <span class="font-weight-bold">{{$item['invoice_no']}}</span>
                              @if (in_array($item['id'], $notification['resolutions']))
                                <span class="bullet bullet-danger bullet-sm ml-50"></span>
                              @endif
                              @if (Auth::user()->id == $item['user_id'])
                                <span class="d-block font-medium-2 font-weight-bolder text-primary">{{$item['buddy_name']}}</span>
                              @else
                                <span class="d-block font-medium-2 font-weight-bolder text-primary">{{$item['user_name']}}</span>
                              @endif
                            </div>
                          </div>
                        </div>
                        <div class="col-md-6 text-right">
                            <span class="d-block mb-1">{{ \Carbon\Carbon::parse($item->created_date)->format('d M Y') }}</span>
                            @switch($item['status'])
                            @case(0)
                              <span class="badge badge-light-warning float-right">{{ __('locale.pending') }}</span>
                                @break

                            @case(1)
                              <span class="badge badge-light-success float-right">{{ __('locale.ongoing') }}</span>
                                @break
                                
                            @case(2)
                              <span class="badge badge-light-secondary float-right">{{ __('locale.done') }}</span>
                                @break
                  
                          @endswitch
                        </div>
                      </div>
                    </a>
                  </li>
                @endforeach
              </ul>
              <nav aria-label="Page navigation">
                <ul class="pagination justify-content-center mt-2" data-current="{{$resolutions['meta']['current_page'] }}">
                  <li class="page-item prev-item @if($resolutions['links']['prev'] == null) disabled @endif">
                    <a class="page-link" href="javascript:void(0)" data-item="{{$resolutions['meta']['current_page'] - 1}}"></a>
                  </li>

                  @for ($i = 0; $i < $resolutions['meta']['last_page']; $i++)
                    <li class="page-item @if($resolutions['meta']['current_page'] == ($i + 1)) active @endif"><a class="page-link" data-item="{{$i + 1}}" href="javascript:void(0)">{{$i + 1}}</a></li>
                  @endfor

                  <li class="page-item next-item @if($resolutions['links']['next'] == null) disabled @endif"><a class="page-link" href="javascript:void(0)" data-item="{{$resolutions['meta']['current_page'] + 1}}"></a></li>
                </ul>
              </nav>
            @else
              <div class="w-100 text-center mt-2">
                  <div class="divider w-50 d-inline-block">
                      <div class="divider-text">{{ __('locale.resolution_empty') }}</div>
                  </div>
              </div>
            @endif
          </div>
    </div>
  </div>
</section>
@endsection

@section('page-script')
  {{-- Page js files --}}
  <script src="{{ asset(('js/scripts/member/resolution.js')) }}"></script>
@endsection