@extends('admin.layouts.master')
@section('content')
<div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Therapists List</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="{{asset('/')}}">Home</a></li>
              <li class="breadcrumb-item active"><a href="{{asset(route('therapist'))}}">Therapists</a></li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
      @if(session()->has('success'))
          <div class="alert alert-success">
              {{ session()->get('success') }}
          </div>
      @endif
      @if(session()->has('error'))
          <div class="alert alert-success">
              {{ session()->get('error') }}
          </div>
      @endif
    <section class="content">
      <div class="row">
        <div class="col-12">
          <div class="card"  style="overflow:scroll">
            <div class="card-body">
                <form role="form" class="form-inline" method="get" action="{{route('therapist')}}" autocomplete="off">
                  <div class="form-row">

                    <input value="1" name="page" type="hidden">
                      @php
                          $pageLenth = (isset($_GET['page_length']) ? $_GET['page_length'] : 10);
                      @endphp
                      
                      <div class="page_length"><label>Show entries</label> <select name="page_length" class="custom-select form-control">
                        <option value="10" {{$pageLenth == 10 ? 'selected' : ''}}>10</option>
                        <option value="25"  {{$pageLenth == 25 ? 'selected' : ''}}>25</option>
                        <option value="50" {{$pageLenth == 50 ? 'selected' : ''}}>50</option>
                        <option value="100" {{$pageLenth == 100 ? 'selected' : ''}}>100</option>
                      </select></div>
                      <div class="col">
                        <label>Search</label>
                        <input value="{{ (isset($_GET['search']) ? $_GET['search']: '') }}" type="text" class="form-control float-right" name="search" placeholder="Search..." id="search">
                      </div>

                    <div class="col">
                      <label>Registered Date</label>
                      <input type="text" value="{{ request()->get('signup_date') }}" class="form-control float-right daterangepickercustom" name="signup_date" id="signup_date" placeholder="Signup Date">
                    </div>
                    <div class="col">
                      <label>Last Active Date</label>
                      <input type="text" value="{{ request()->get('last_active') }}" class="form-control float-right daterangepickercustom" name="last_active" id="last_active" placeholder="Last active Date">
                    </div>
                      <div class="col">
                          <label>Specialism</label>
                          <select name="speciality" class="form-control">
                              <option value="">Select Specialism</option>
                              @foreach($specialisms as $speciality)
                              <option {{ request()->get('speciality')==$speciality->id?'selected':'' }} value="{{ $speciality->id  }}">{{ $speciality->name }}</option>
                              @endforeach
                          </select>
                      </div>
                    <div class="col">
                      <label style="height:21px"></label>
                      <button type="submit" class="btn btn-primary mb-2">Submit</button>
                    </div>
                    <div class="col">
                      <label style="height:21px"></label>
                      <a href="{{route('therapist')}}" class="btn btn-primary mb-2">Reset</a>
                    </div>
                  </div>
                </form>
              </div>
            <div class="card-body">
              <table id="therapists_table" class="table table-bordered table-striped" >
                <thead>
                <tr>
                  <th>Name</th>
                  {{-- <th>Email</th> --}}
                  <th>Contact</th>
                  <th>Messages in last 7 days</th>
                  <th>Status</th>
                  <th>Free Trial</th>
                  <th>Terms & cond.</th>
                  <th>Signup Date</th>
                  <th>Chatroom Res. Time</th>
                  <th>Missed Sessions</th>
                  <th>Last Activity</th>
                  <th>Feedback rating</th>
                  <th>Action</th>
                </tr>
                </thead>
                <tbody>
                  @foreach($therapists as $key=>$row)
                    @php
                      if(!$row->user)continue;
                      $status = 0;
                      if(!$row->user->email_verified_at)
                        $status = 'Email Not Verified';
                      elseif($row->user->status == 0)
                        $status = 'Profile incomplete';
                      elseif($row->user->status == 1)
                        $status = 'Waiting for Approval';
                      elseif($row->user->status == 2)
                        $status = 'Approved';
                      else
                        $status = 'Rejected';
                    @endphp
                    <tr>
                      <td>{{$row->first_name." ". $row->last_name}}</td>
                      {{-- <td>{{$row->email}}</td> --}}
                      <td>{{$row->contact}}</td>
                      <td>{{$row->total_message}}</td>
                      <td>{{$status}}</td>
                      <td>{{($row->user->trial_account == 1 ? 'Yes' : 'No')}}</td>
                      <td>{{($row->terms_and_condition == 1 ? 'Yes' : 'No')}}</td>
                      <td>{{$row->user->created_at}}</td>
                      <td>{{$row->average}}</td>
                      <td>{{$row->missed_sessions}}</td>
                      <td>{{$row->user->last_activity_at}}</td>
                      <td>{{$row->feedbackScore}}</td>
                      <td>
                          <a href="{{route('therapist.show',$row->user->id)}}" data-toggle="tooltip" title="View Detail"><button class="btn-sm btn-primary">
                              <i class="fas fa-eye"></i></button>
                          </a>
                          <a href="{{route('therapist.edit',$row->user->id)}}"data-toggle="tooltip" title="Edit Therapist" ><button class="btn-sm btn-info">
                              <i class="fas fa-edit"></i></button>
                          </a>
                          @if($row->user->email_verified_at && ($row->user->status != 0 && $row->user->status != 2))
                            <a href="javascript:" onclick="change_status(this,2)" data-toggle="tooltip" title="Approved Therapist"><button class="btn-sm btn-success">
                              <i class="fas fa-check"></i></button>
                            </a>
                          @endif

                          @if($row->user->email_verified_at && ($row->user->status != 0 && $row->user->status != 3))
                            <a href="javascript:" onclick="change_status(this,3)" data-toggle="tooltip" title="Reject Therapist"><button class="btn-sm btn-danger">
                              <i class="fas fa-times"></i></button>
                            </a>
                          @endif

                          <form class="status_form" action="{{ route('therapist.destroy',$row->user->id ) }}" method="POST">
                            <input type="hidden" class="status" name="status" value=""/>
                            {{ method_field('DELETE') }}
                            {{ csrf_field() }}
                          </form>
                      </td>
                    </tr>
                  @endforeach

                </tbody>
              </table>
              <div class="card-footer">
                  <div class="d-flex justify-content-center">
                    {!! $therapists->withQueryString()->links() !!}
                  </div>
                  <div class="row justify-content-center">
                    Showing {{($therapists->currentpage()-1)*$therapists->perpage()+1}} to {{$therapists->currentpage()*$therapists->perpage()}}
                  of  {{$therapists->total()}} entries
                  </div>
              </div>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
@endsection

@section('script')
    <script>
      $(document).ready(function(){
        $("#therapists_table").DataTable({
          "paging":     false,
          "ordering":   false,
          "info":       false,
          "searching":  false
        });
      });
    </script>
@endsection