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

  .ui-datepicker-calendar {
        display: none;
  }
  .btn-sm {
    margin-bottom: 0px;
    margin-top: 5px;
  }
  .no-scrollbar{
    overflow: hidden;
  }
</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>Payment Status</th>
                  <th>Status</th>
                  <th>Action</th>
                </tr>
                </thead>
                <tbody>
                  @foreach($companies as $key=>$row)
                    @if($row->user)
                      @php
                        $company_user_id = $row->user->id;
                        $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>{{$row->payment_status}}</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',$company_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('{{$company_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 -->
                            @php
                                $loginParams = base64_encode(json_encode([
                                    'admin_id'   => Auth::id(),
                                    'company_id' => $company_user_id,
                                ]));

                                $baseUrl = $row->is_wpi
                                    ? env('B2B_ADMIN_LOGIN_URL')
                                    : env('B2B_OLD_ADMIN_LOGIN_URL');

                                $loginUrl = asset($baseUrl . '?login_code=' . $loginParams);
                            @endphp

                            <a target="_blank"
                               href="{{ $loginUrl }}"
                               data-toggle="tooltip"
                               title="Login"
                            >
                                <button class="btn-sm btn-success">
                                    <i class="nav-icon fas fa-sign-in-alt"></i>
                                </button>
                            </a>

                            @endif
                            <!-- Button Export Activity CSV -->
                            @if($row->login_count > 0 || $row->register_count > 0)
                              <a href="javascript:" onclick="export_activity('{{$company_user_id}}')" data-toggle="tooltip" data-title="Export Acitivity (CSV File)"><button class="btn-sm btn-warning" style="margin-top: 5px;padding: 2px 6px;">
                                <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


                            @if(in_array($company_user_id,$dummy_data_companies))
                            <span title="Generate Dummy Data" data-toggle="tooltip">
                              <a href="javascript:void(0)" onclick="setCompanyID('{{$company_user_id}}', '{{$row->company_name}}')" data-toggle="modal" data-target="#generate_dummy_data" data-toggle="tooltip" title="Generate dummy data"><button class="btn-sm btn-danger">
                                <i class="nav-icon fas fa-sync-alt"></i></button>
                              </a>
                            </span>
                            @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>

    <div id="generate_dummy_data" 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">Generate dummy data for <strong class="company_name"></strong></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="dummy_data_form" style="display: inline;" action="{{asset('/admin/company/assign-therapist')}}" method="POST">
              {{ method_field('POST') }}
              {{ csrf_field() }}
                <input type="hidden" name="user_id" id="company_user_id" value="">

                <!-- Hidden input fields to store start and end dates -->
                <input type="hidden" id="startDateInput" name="start_date" />
                <input type="hidden" id="endDateInput" name="end_date" />
                <div class="form-group">
                  <label>Date range</label>
                  <input type="text" class="form-control date_range_picker" name="start_date" id="start_date" placeholder="Select date range">
                </div>


                <div class="form-group">
                  <label>Number of new employees</label>
                  <input type="number" class="form-control" name="employees" id="employees" placeholder="Number of employees">
                </div>
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" onclick="generateDummyData()" class="btn btn-primary">Generate Data</button>
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>

<script>
  function setCompanyID(user_id,company_name){
    $('#generate_dummy_data #company_user_id').val(user_id);
    $('#generate_dummy_data .company_name').text(company_name);
  }

  function generateDummyData(){
    // Perform form validation
    var userId = $('#company_user_id').val();
    var startDate = $('#startDateInput').val();
    var endDate = $('#endDateInput').val();
    var employees = $('#employees').val();

    if (!userId || !startDate || !endDate || !employees) {
      // Show error message using SweetAlert
      Swal.fire({
        icon: 'error',
        title: 'Validation Error',
        text: 'Please fill in all required fields.',
      });
      return;
    }
    showLoadingSpinner();
    $.ajax({
      url: '{{route("create-dummy-data")}}', // Replace with your API endpoint
      method: 'GET',
      data: {
        user_id: userId,
        start_date: startDate,
        end_date: endDate,
        employees: employees
      },
      dataType: 'json', // Expect JSON response
      success: function(data) {
        if(data.status == 'success'){
            $('#generate_dummy_data').modal('hide');
            Swal.fire({
              icon: 'success',
              title: 'Success',
              text: data.message,
            });
        }else{
          Swal.fire({
            icon: 'error',
            title: 'Error',
            text: data.message,
          });
        }
        // This function will be called if the request is successful
        console.log('JSON Data:', data);

      },
      error: function(error) {
        Swal.fire({
          icon: 'error',
          title: 'Error',
          text: 'Failed to create dummy data. Please try again.',
        });
      }
    });
  }

  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();
  }

  function showLoadingSpinner() {
    Swal.fire({
      title: 'Generating dummy data...',
      allowOutsideClick: false,
      showConfirmButton: false,
      html: '<div style="min-height:60px"><div class="spinner-border" role="status"><span class="sr-only">Loading...</span></div></div>',
      onBeforeOpen: () => {
        // Add a custom class to the modal content to hide the scrollbar
        $('.swal2-content').addClass('no-scrollbar');
      },
      onAfterClose: () => {
        // Remove the custom class when the modal is closed
        $('.swal2-content').removeClass('no-scrollbar');
      },
    });
  }
</script>
@endsection


@section('script')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
      $(document).ready(function(){
        $('.date_range_picker').daterangepicker({
          // your configuration options here
        }, function(start, end, label) {
          // Callback triggered when the user selects a date range

          // Access start and end dates
          var startDate = start.format('YYYY-MM-DD');
          var endDate = end.format('YYYY-MM-DD');

          // Update hidden input fields
          $('#startDateInput').val(startDate);
          $('#endDateInput').val(endDate);

          // Log or use the dates as needed
          console.log('Start Date: ' + startDate);
          console.log('End Date: ' + endDate);

          // You can perform further actions with the start and end dates here
        });
      });
    </script>
@endsection