@extends('admin.layouts.master')
@section('content')
<style>
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: #007bff;
  }

  .ui-datepicker-calendar {
        display: none;
  }
</style>
<div class="content-header"> 
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Company 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('company'))}}">Companies</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-header">
                <div class="row">
                    <div class="col-10">
                      <form role="form" class="form-inline" method="get" action="{{route('company')}}" autocomplete="off">
                        <div class="form-row">
                          <div class="col">
                            <label>Login/Register Activity</label>
                            <input type="text" class="form-control float-right monthPicker" name="month_picker" value= "{{isset($monthYear) ? $monthYear : ''}}" id="month_picker" placeholder="Select Month">
                          </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('company')}}" class="btn btn-primary mb-2">Reset</a>
                          </div>
                        </div>
                      </form>
                  </div>
                  <div class="col-2">
                    <a href="{{ route('company.add') }}"><button class="btn btn-success">Add New Company</button></a>
                  </div>
                </div>
            </div>
            <div class="card-body">
              <table id="example1" class="table table-bordered table-striped">
                <thead>
                <tr>
                  <th>Id</th>
                  <th>Company Name</th>
                  <th>User Name</th>
                  <th>Contact</th>
                  <th>Employees Limit</th>
                  <th>Registered Employees</th>
                  <th>Invitation Password</th>
                  <th>Registered Date</th>
                  <th>Login Count</th>
                  <th>Register Count</th>
                  <th>Status</th>
                  <th>Action</th>
                </tr>
                </thead>
                <tbody>
                  @foreach($companies 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->id}}</td>
                        <td>{{$row->company_name}}</td>
                        <td>{{$row->companyUser->first_name." ".$row->companyUser->last_name}}</td>
                        <td>{{$row->companyUser->mobile}}</td>
                        <td>{{$row->no_of_employees}}</td>
                        <td>{{$row->registered_employee}}</td>
                        <td>{{$row->invitation_password}}</td>
                        <td>{{date("d M Y",strtotime($row->created_at))}}</td>
                        <td>{{$row->login_count}}</td>
                        <td>{{$row->register_count}}</td>
                        <td>{{$status}}</td>
                        <td style="min-width: 100px;">
                          <a href="{{ route('export_patients_csv').'?company_id='.$row->user_id }}" data-toggle="tooltip" title="Export Patients CSV"><button class="btn-sm btn-success"><i class="fa fa-file-csv"></i></button></a>
                        <a href="{{ asset('/admin/patient?company_id='.$row->user_id) }}" data-toggle="tooltip" title="View Patients"><button class="btn-sm btn-info"><i class="fa fa-list"></i></button></a>

                        <a href="{{ route('company.edit', $row->user_id) }}" data-toggle="tooltip" title="Edit Company "><button class="btn-sm btn-info"><i class="fa fa-edit"></i></button></a>
                          @if($row->user->email_verified_at)
                            @if($row->user->status ==  3)
                              <a href="javascript:" onclick="change_status(this,2)" data-toggle="tooltip" title="Activate Company"><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 Company"><button class="btn-sm btn-danger">
                                <i class="fas fa-times"></i></button>
                              </a>
                            @endif
                            <form style="display: inline;" class="status_form" action="{{ route('change_status',$row->user->id ) }}" method="POST">
                                <input type="hidden"  name="status" value="" class="status"/>
                                {{ method_field('POST') }}
                                {{ csrf_field() }}
                            </form>
                            <!-- Button trigger modal -->
                            <span title="Set/Change therapist" data-toggle="tooltip">
                              <a href="javascript:"  onclick="setTherapistDroplist('{{$row->user->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>

                            <!-- Button trigger modal -->
                            <span title="Login" data-toggle="tooltip">
                              <a target="_blank" href="{{asset(env('B2B_ADMIN_LOGIN_URL').'?login_code='.base64_encode(json_encode([
                                'admin_id' => Auth::user()->id,
                                'company_id' => $row->user->id
                                ])))}}" data-toggle="tooltip" title="Login"><button class="btn-sm btn-success">
                                <i class="nav-icon fas fa-sign-in-alt"></i></button>
                              </a>
                            </span>

                            @endif
                            <!-- Button Export Activity CSV -->
                            @if($row->login_count > 0 || $row->register_count > 0)
                              <a href="javascript:" onclick="export_activity('{{$row->user->id}}')" data-toggle="tooltip" data-title="Export Acitivity (CSV File)"><button class="btn-sm btn-warning" style="margin-top: 5px;">
                                <i class="fas fa-file-csv" style="font-size: 1.5em;"></i></button>
                              </a>
                            @else
                              <a  href="javascript:" data-toggle="tooltip" data-title="No Login/Register data available"><button disabled class="btn-sm" style="margin-top: 5px;">
                                <i class="fas fa-file-csv" style="font-size: 1.5em;"></i></button>
                              </a>
                            @endif
                        </td>
                        
                      </tr>
                    @endif
                  @endforeach
                </tbody>
                  
              </table>
            </div>
            <!-- /.card-body -->
          </div>
          <!-- /.card -->
        </div>
        <!-- /.col -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->



    <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/company/assign-therapist')}}" method="POST">
              {{ method_field('POST') }}
              {{ csrf_field() }}
              <input type="hidden" name="company_id" value="">
          
                <div class="form-group">
                  <label>Therapists</label>
                  <select required class="form-control select2" multiple="multiple" style="width: 100%;" name="therapist_id[]">
                    @foreach($therapists as $key => $row)
                      <option value="{{$row->user_id}}">{{$row->first_name}} {{$row->last_name}}</option>
                    @endforeach
                  </select>
                </div>

                <div class="form-check hide forward_notes_cont">
                  <input type="checkbox" class="form-check-input" id="forward_notes" name="forward_notes" value="1">
                  <label class="form-check-label" for="forward_notes">Forward notes</label>
                </div>
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" onclick="document.getElementById('assign_therapist_form').submit();" class="btn btn-primary">Save changes</button>
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>

<script>
  function setTherapistDroplist(user_id, therapist_id){
    $('#assign_therapist_form [name="company_id"]').val(user_id);
    var therapistList = therapist_id.split(',');

    $('#assign_therapist_form [name="therapist_id[]"]').val(therapistList).trigger("change");

    //$('#assign_therapist_form [name="therapist_id"]').val(therapist_id);
    if(typeof therapist_id != 'undefined' && therapist_id && therapist_id > 0){
      $('.forward_notes_cont').removeClass('hide');
    }else{
      $('.forward_notes_cont').addClass('hide');

    }
  }

  function export_activity(user_id){
    window.location.href = '{{asset('/admin/company/export-activity-csv')}}/'+user_id + '/'+$('.monthPicker').val();
  }
</script>
@endsection