@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">Patient 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('patient'))}}">Patients</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">
              <div class="card-header">
                  <form role="form" class="form-inline" method="get" action="{{route('patient')}}" 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>
                      <input type="hidden" name="partner_id" value="{{isset($_GET['partner_id']) ? $_GET['partner_id'] : ''}}" />
                      <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>Subscription Date</label>
                        <input type="text" value="{{ request()->get('subscription') }}" class="form-control float-right daterangepickercustom" name="subscription" placeholder="Subscription Date" id="subscription">
                      </div>
                      
                      <div class="col">
                        <label style="height:21px"></label>
                        <button type="submit" class="btn btn-primary mb-2">Filter</button>
                      </div>
                      <div class="col">
                        <label style="height:21px"></label>
                        <a href="{{route('patient')}}" class="btn btn-primary mb-2">Reset</a>
                      </div>
                    </div>
                  </form>
                </div>
              <div class="row">
                <div class="col-sm-6">

                </div>
                <div class="col-sm-6">
                  
                </div>
              </div>
              <table id="patients_table" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>Id</th>
                  <th>Full Name</th>
                  <th>Country</th>
                  <th>Referal</th>
                  <th>Therapist</th>
                  <th>Chatroom Status</th>
                  <th>Messages Sent</th>
                  <th>Signup date</th>
                  <th>Subscription</th>
                  <th>Last Active</th>
                  <th>Status</th>
                  <th>Coupon Used</th>
                  <th>Avg. Match Time</th>
                  <th>Signup Type</th>
                  <th>Owner Type</th>
                  <th>Action</th>
                </tr>
                </thead>
                <tbody>
                  @foreach($patients as $key=>$row)
                    @if($row->user)
                      @php
                        $status = 0;
                        if(!$row->user->email_verified_at)
                          $status = 'Not Verified';
                        else 
                          $status = 'Verified';
                      @endphp
                      <tr>
                        <td>{{$row->user_id}}</td>
                        <td>{{$row->first_name." ". $row->last_name}}</td>
                        <td>{{isset($row->country->name) ? $row->country->name : ""}}</td>
                        <td>{{$row->user->referal}}</td>
                        <td>{{$row->therapist_name}}</td>
                        <td>{{$row->chatroom_status}}</td>
                        <td>{{$row->messages_sent}}</td>
                        <td>{{$row->user->created_at}}</td>
                        <td>{{($row->plan_expiry ? date("d M Y",strtotime($row->plan_expiry)) : '')}}</td>
                        <td>{{$row->user->last_activity_at}}</td>
                        <td>{{$status}}</td>
                        <td>
                          {{--(count($row->usedbycustomers) ? '<a data-width="300px" class="usedbycustomers" data-placement="left" href="#"> '.count($row->usedbycustomers).' Customers</a>' : 'None')--}}
                          {!!(isset($row->usedbycustomers) && count($row->usedbycustomers) ? '<a data-width="300px" class="usedbycustomers" data-placement="left" href="'.asset('/admin/voucher-usage').'/'.$row->discount_code.'">View Details</a>' : 'None')!!}
                        </td>
                        <td>{{$row->average_match_time}}</td>
                        <td>{{$row->user->social_type ? $row->user->social_type : "email"}}</td>
                        <td>{{$row->owner_type ? $row->owner_type : ""}}</td>
                        <td>
                            <a href="{{route('patient.edit',$row->user->id)}}" data-toggle="tooltip" title="Edit Patient"><button class="btn-sm btn-info">
                                <i class="fas fa-edit"></i></button>
                            </a>
                            @if($row->user->status ==  3)
                              <a href="javascript:" onclick="change_status(this,2)" data-toggle="tooltip" title="Activate Patient"><button class="btn-sm btn-success">
                                <i class="fas fa-check"></i></button>
                              </a>
                            
                            @elseif($row->user->status <= 2)
                              <a href="javascript:" onclick="change_status(this,3)" data-toggle="tooltip" title="Deactivate Patient"><button class="btn-sm btn-danger">
                                <i class="fas fa-times"></i></button>
                              </a>
                            @endif
                            <form class="status_form" action="{{ route('patient.destroy',$row->user->id ) }}" method="POST">
                                <input type="hidden"  name="status" value="" class="status"/>
                                {{ method_field('DELETE') }}
                                {{ csrf_field() }}
                            </form>
                            @if($row->chatroom_id)
                              <span title="Set/Change therapist" data-toggle="tooltip">
                                <a href="javascript:"  onclick="setTherapistDroplist('{{$row->chatroom_id}}', '{{$row->therapist_id}}')" data-toggle="modal" data-target="#assign_therapist" data-toggle="tooltip" title="Assign therapist"><button class="btn-sm btn-info">
                                  <i class="nav-icon fas fa-user-md"></i></button>
                                </a>
                              </span>
                            @endif
                        </td>
                        
                      </tr>
                    @endif
                  @endforeach
                </tbody>
                  
              </table>
              <div class="card-footer">
                <div class="d-flex justify-content-center">
                  {!! $patients->withQueryString()->links() !!}
                </div>
                <div class="row justify-content-center">
                  Showing {{($patients->currentpage()-1)*$patients->perpage()+1}} to {{$patients->currentpage()*$patients->perpage()}}
                of  {{$patients->total()}} entries
                </div>
            </div>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <div id="assign_therapist" class="modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">Set a therapist</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
          <form id="assign_therapist_form" style="display: inline;" action="{{asset('/admin/patient/assign-therapist')}}" method="POST">
              {{ method_field('POST') }}
              {{ csrf_field() }}
              <input type="hidden" name="chatroom_id" value="">
          
                <div class="form-group">
                  <label>Therapists</label>
                  <select class="form-control" style="width: 100%;" name="therapist_id" required>
                    @foreach($therapists as $key => $row)
                      <option value="{{$row->user_id}}">{{$row->first_name}} {{$row->last_name}}</option>
                    @endforeach
                  </select>
                </div>
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary setTherapist">Save changes</button>
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>
    <!-- /.content -->
    <script>
  function setTherapistDroplist(chatroom_id, therapist_id){
    $('#assign_therapist_form [name="chatroom_id"]').val(chatroom_id);
    //$('#assign_therapist_form [name="therapist_id"]').val(therapist_id);
  }
  
</script>
@endsection

@section('script')
    <script>
      $(document).on('click', '.setTherapist', function(e){
        e.preventDefault();
        //$(this).attr('pointer-events', 'none');
        $(this).attr('disabled', true);
        $('#assign_therapist_form').submit();
      });
      $(document).ready(function(){
        $("#patients_table").DataTable({
          "paging":     false,
          "ordering":   false,
          "info":       false,
          "searching":  false
        });
      });
    </script>
@endsection