@extends('layouts/contentLayoutMaster')

@section('title', 'Transaction')
@section('content')
<section>
  <h2 class="page-title font-bolder text-primary mb-2" data-id="">{{ __('locale.transaction') }}</h2>
</section>

<section>
  <div class="row">
    <div class="col-12">
      @role('buddy')
      <ul class="nav nav-pills">
        <li class="nav-item">
          <a class="nav-link @if (!$isSelf) active @endif" id="my-transaction-tab" data-bs-toggle="pill" href="{{ route('transaction') }}" aria-expanded="true">
            {{ __('locale.client') }}
            <span class="bullet bullet-danger bullet-sm ml-50 bullet-client @if (!$tabNotif['client']) hidden @endif"></span>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link @if ($isSelf) active @endif" id="my-order-tab" data-bs-toggle="pill" href="{{ route('transaction-self') }}" aria-expanded="false">
            {{ __('locale.my_order') }}
            <span class="bullet bullet-danger bullet-sm ml-50 bullet-self-order @if (!$tabNotif['self']) hidden @endif"></span>
          </a>
        </li>
      </ul>
      @endrole
      <div class="card">
        <div class="card-body">
          <form class="my-1">
            <div class="row">
                <div class="col-md-4 form-group">
                  <div class="input-group input-group-merge">
                    <div class="input-group-prepend">
                      <span class="input-group-text" id="basic-addon-search"><i data-feather="search"></i></span>
                    </div>
                    <input
                      type="text"
                      class="form-control"
                      placeholder="Search..."
                      aria-label="Search..."
                      name="search"
                      aria-describedby="basic-addon-search"
                    />
                  </div>
                </div>
                <div class="col-md-4 form-group">
                  <div class="input-group input-group-merge">
                    <div class="input-group-prepend">
                      <span class="input-group-text" id="basic-addon-calendar"><i data-feather="calendar"></i></span>
                    </div>
                    
                    <input
                      type="text"
                      id="fp-range"
                      class="form-control flatpickr-range"
                      placeholder="Select Date.."
                      name="date"
                      aria-describedby="basic-addon-calendar"
                    />
                  </div>
                </div>
                <div class="col-md-4">
                  <input type="text" name="status" value="{{$status}}" class="hidden">
                  <button class="btn btn-primary btn-search" type="submit">Search</button>
                </div>
            </div>
          </form>
          <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 ($status == 'all' || empty($status))
                    <a href="?status=all" class="btn btn-primary mr-25 mb-1">{{ __('locale.all') }}</a>
                  @else
                    <a href="?status=all" class="btn btn-outline-primary mr-25 mb-1">{{ __('locale.all') }}</a>
                  @endif
                </li>
                <li>
                  @if ($status == 'new')
                    <a href="?status=new" class="btn btn-primary mr-25 mb-1">{{ __('locale.new_order') }}</a>
                  @else
                    <a href="?status=new" class="btn btn-outline-primary mr-25 mb-1">{{ __('locale.new_order') }}</a>
                  @endif
                </li>
                <li>
                  @if ($status == 'ongoing')
                    <a href="?status=ongoing" class="btn btn-primary mr-25 mb-1">{{ __('locale.ongoing') }}</a>
                  @else
                    <a href="?status=ongoing" class="btn btn-outline-primary mr-25 mb-1">{{ __('locale.ongoing') }}</a>
                  @endif
                </li>
                <li>
                  @if ($status == 'complain')
                    <a href="?status=complain" class="btn btn-primary mr-25 mb-1">{{ __('locale.in_complain') }}</a>
                  @else
                    <a href="?status=complain" class="btn btn-outline-primary mr-25 mb-1">{{ __('locale.in_complain') }}</a>
                  @endif
                </li>
                <li>
                  @if ($status == 'done')
                    <a href="?status=done" class="btn btn-primary mr-25 mb-1">{{ __('locale.done') }}</a>
                  @else
                    <a href="?status=done" class="btn btn-outline-primary mr-25 mb-1">{{ __('locale.done') }}</a>
                  @endif
                </li>
            </ul>
          </div>
          <hr>
          <div class="list-transaction">
            @if (!@empty($transactions['data']))
              <ul class="list-group list-group-flush">
                @foreach ($transactions['data'] as $item)
                  <li class="list-group-item" data-item={{$item['id']}}>
                    <div class="row mb-2">
                      <div class="col-md-12">
                        
                        <span class="mr-2">{{ \Carbon\Carbon::parse($item->date)->format('d M Y') }}</span>
                        <span class="font-weight-bold">{{$item['invoice_no']}}</span>

                        @switch($item['status'])
                          @case(1)
                            <span class="badge badge-light-warning float-right">{{ __('locale.waiting_for_payment') }}</span>
                              @break
              
                          @case(2)
                            @if (Auth::user()->id == $item['user_id'])
                              <span class="bullet bullet-danger bullet-sm ml-50"></span>
                            @endif
                            <span class="badge badge-light-warning float-right">{{ __('locale.waiting_for_payment') }}</span>
                              @break

                          @case(3)
                            <span class="badge badge-light-primary float-right">{{ __('locale.waiting_verify_payment') }}</span>
                              @break

                          @case(4)
                            @if (Auth::user()->id == $item['buddy_id'])
                              <span class="bullet bullet-danger bullet-sm ml-50"></span>
                            @endif
                            <span class="badge badge-light-primary float-right">{{ __('locale.waiting_confirmation') }}</span>
                              @break

                          @case(5)
                            @if (Auth::user()->id == $item['user_id'])
                              <span class="bullet bullet-danger bullet-sm ml-50"></span>
                            @endif
                            <span class="badge badge-light-success float-right">{{ __('locale.order_confirmed') }}</span>
                              @break

                          @case(6)
                            @if (in_array($item['id'], $notification['transactions']))
                              <span class="bullet bullet-danger bullet-sm ml-50"></span>
                            @endif
                            <span class="badge badge-light-danger float-right">{{ __('locale.canceled') }}</span>
                              @break

                          @case(7)
                            <span class="badge badge-light-success float-right">{{ __('locale.ongoing') }}</span>
                              @break

                          @case(8)
                            <span class="badge badge-light-secondary float-right">{{ __('locale.done') }}</span>
                              @break

                          @case(9)
                            <span class="badge badge-light-warning float-right">{{ __('locale.in_complain') }}</span>
                              @break
                
                        @endswitch
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-md-6">
                        <div class="media">
                          @if ($user->id == $item['user_id'])
                            <img class="rounded-circle cursor-pointer mr-1" src="{{asset('images/profile/thumb/' . $item['buddy_image'])}}" alt="avatar-buddy" 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">
                            @if ( Config::get('app.locale') == 'id')
                              <span class="font-weight-bold text-primary">{{ $item['service_name'] }}</span>
                            @else
                              <span class="font-weight-bold text-primary">{{ $item['service_name_en'] }}</span>
                            @endif
                            @if ($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
                            <span class="d-block font-small-3">{{\Carbon\Carbon::createFromFormat('H:i:s', $item['start_time'])->format('H:i')}} - {{\Carbon\Carbon::createFromFormat('H:i:s', $item['end_time'])->format('H:i')}}</span>
                            <span class="d-block font-small-3">{{$item['duration']}} {{ __('locale.hour') }}, {{$item['participant']}} {{ __('locale.participant') }}</span>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-6 text-right">
                          @if ($item->status == '2')
                            <div class="d-inline-block border-warning rounded mr-5 p-1 text-center">
                              <span class="d-block font-small-3">{{ __('locale.pay_at') }}</span>
                              <span class="d-block font-weight-bolder text-warning">{{ \Carbon\Carbon::parse($item->booked_at)->addHour(6)->format('d M Y, H:i') }} WIB</span>
                            </div>
                          @endif
                          @if ($item->status == '4')
                            <div class="d-inline-block border-warning rounded mr-5 p-1 text-center">
                              <span class="d-block font-small-3">{{ __('locale.confirm_at') }}</span>
                              <span class="d-block font-weight-bolder text-warning">{{ \Carbon\Carbon::parse($item->booked_at)->addHours(12)->format('d M Y, H:i') }} WIB</span>
                            </div>
                          @endif
                          @if (($item['status'] == 5 && \Carbon\Carbon::now()->gte(\Carbon\Carbon::parse($item->should_finish_at)->subDay()))
                            || ($item['status'] == 7 && \Carbon\Carbon::now()->gte(\Carbon\Carbon::parse($item->should_finish_at)->subDay()))
                          )
                          <div class="d-inline-block border-warning rounded mr-5 p-1 text-center">
                              <span class="d-block font-small-3">{{ __('locale.finish_at') }}</span>
                              <span class="d-block font-weight-bolder text-warning">{{ \Carbon\Carbon::parse($item->should_finish_at)->format('d M Y, H:i') }} WIB</span>
                            </div>
                          @endif
                        <div class="d-inline-block text-right">
                          <span class="d-block font-small-3">Total</span>
                          <span class="d-block font-medium-3 font-weight-bolder text-primary">{{ number_format($item['total_price'], 0, ',', '.') }}</span>
                        </div>
                      </div>
                      <div class="col-md-12 text-right">
                        <a href="{{ url('member/transaction/' . $item['id']) }}" class="font-small-2 mt-2">View Detail</a>
                      </div>
                    </div>
                  </li>
                @endforeach
              </ul>
            @else
              <div class="divider w-100 d-inline-block">
                <div class="divider-text">{{ __('locale.transaction_empty') }}</div>
              </div>
            @endif
            <nav aria-label="Page navigation">
              <ul class="pagination justify-content-center mt-2" data-current="{{$transactions['meta']['current_page'] }}">
                <li class="page-item prev-item @if($transactions['links']['prev'] == null) disabled @endif">
                  <a class="page-link" href="javascript:void(0)" data-item="{{$transactions['meta']['current_page'] - 1}}"></a>
                </li>

                @for ($i = 0; $i < $transactions['meta']['last_page']; $i++)
                  <li class="page-item @if($transactions['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($transactions['links']['next'] == null) disabled @endif"><a class="page-link" href="javascript:void(0)" data-item="{{$transactions['meta']['current_page'] + 1}}"></a></li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

@endsection

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