@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">Video Logs 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="{{route('logs.videologs')}}">Video Logs List</a></li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
        <div class="row mb-2">
          <div class="col-sm-6">
            <label>Select Company</label>
            <select id="company_id" class="form-control">
                <option value="">--Select Company--</option>
                @foreach($companies as $company)
                  <option value="{{$company->user_id}}">{{$company->company_name}}</option>
                @endforeach
            </select>
          </div>
        </div>
      </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">
              <table id="video_logs_table" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>ID</th>
                  <th>Therapist</th>
                  <th>Patient</th>
                  <th>Status</th>
                  <th>Created at</th>
                </tr>
                </thead>
                <tbody>
                
                </tbody>
                  
              </table>
              
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    
    <!-- /.content -->
    


@endsection

@section('script')
<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);
  }
  $(document).ready(function(){
    $("#video_logs_table").DataTable({
              processing: true,
              serverSide: true,
              ajax: {
                  "url": "{{ route('logs.videologs') }}",
                  data: function(data) {
                        data.company_id = $("#company_id").val();
                  }
              },
              order: [[ 4, "desc" ]],
              columns: [
                  {data: 'id', name: 'id'},
                  {data: 'therapist_name', name: 'therapist_name'},
                  {data: 'patient_name', name: 'patient_name'},
                  {data: 'status', name: 'status'},
                  {data: 'created_at', name: 'created_at'},
                  
              ]
    });

    $('#company_id').change(function(){
        $("#video_logs_table").DataTable().ajax.reload();
    });
  });
</script>
@endsection