@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">
                    <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" id="speciality">
                              <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" id="btnFiterSubmitSearch" 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>Id</th>
                  <th>Name</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>Patients</th>
                  <th>Chatroom Res. Time</th>
                  <th>Missed Sessions</th>
                  <th>Last Activity</th>
                  <th>Feedback rating</th>
                  <th>Action</th>
                </tr>
                </thead>
                <tbody>

                </tbody>
              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
@endsection

@section('script')
    <script>
      $(document).ready(function(){
        $('#btnFiterSubmitSearch').click(function(e){
            e.preventDefault();
            $('#therapists_table').DataTable().draw(true);
        }); 
        $("#therapists_table").DataTable({
              processing: true,
              serverSide: true,
              ajax: {
                url: "{{ route('therapist') }}",
                type: 'GET',
                data: function (d) {
                  d.signup_date = $('#signup_date').val();
                  d.last_active = $('#last_active').val();
                  d.speciality = $('#speciality').val();
                  d.therapist_supervisor = {{Auth::user()->therapist_supervisor}};
                }
              },
              order: [[0 , "desc" ]],
              columns: [
                  {data: 'user_id', name: 'user_id'},
                  {data: 'first_name', name: 'first_name'},
                  {data: 'contact', name: 'contact'},
                  {data: 'total_message', name: 'total_message', sortable: false,searchable: false},
                  {data: 'status', name: 'user.status'},
                  {data: 'trial_account', name: 'user.trial_account',searchable: false},
                  {data: 'terms_and_condition', name: 'user.terms_and_condition',searchable: false},
                  {data: 'created_at', name: 'user.created_at'},
                  {data: 'total_patients', name: 'user.total_patients', sortable: false,searchable: false},
                  {data: 'average', name: 'average', sortable: false,searchable: false},
                  {data: 'video_count', name: 'video_count', sortable: false,searchable: false},
                  {data: 'user.last_activity_at', name: 'user.last_activity_at'},
                  {data: 'feedbackScore', name: 'feedbackScore', sortable: false,searchable: false},
                  { data: 'options', name: 'options', sortable: false, className: 'text-right',searchable: false }
              ]
        });

      });
    </script>
@endsection