@extends('layouts.master')

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1>Jobs Status</h1>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Jobs Status</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-12">
          @if ($message = Session::get('success'))
            <div class="alert alert-success alert-block">
                <button type="button" class="close" data-dismiss="alert">×</button>
                    <strong>{{ $message }}</strong>
            </div>
            @endif
            <div class="card">
              <div class="card-header">
                <h3 class="card-title"></h3>
               <form class="form-inline" action="{{ route('job.status') }}">
                  <div class="form-group">
                    <label for="sdate">Start Date</label>
                    <input required type="date" class="form-control ml-2" id="start_date" name="start_date" value="">
                  </div>
                  <div class="form-group ml-4">
                    <label for="edate">End Date</label>
                    <input required type="date" class="form-control ml-2" id="end_date" name="end_date" value="">
                  </div>
                  <div class="form-group ml-4">
                    <label for="edate">Status</label>
                    <select class="form-control ml-2" id="status" name="status">
                      <option value="">Select Status</option>
                      <option value="view" >Viewed</option>
                      <option value="applied" >Applied</option>
                      <option value="rejected" >Rejected</option>
                    </select>
                  </div>
                  <div class="form-group ml-4">
                    <label for="edate">Type</label>
                    <select class="form-control ml-2" id="type" name="type">
                      <option value="">Select Type</option>
                      <option value="0" >System</option>
                      <option value="1" >Manual</option>
                    </select>
                  </div>
                  <div class="form-group ml-4">
                  <button type="submit" class="btn btn-primary">Search</button>
                  </div>
                  <div class="form-group ml-2">
                  <a href="{{ route('job.status') }}" class="btn btn-default">Reset</a>
                  </div>
                </form>
               <div>
                  <strong>Total Jobs : ({{ $count }})</strong>
                </div>
              </div>
              <!-- /.card-header -->
              <div class="card-body" style="overflow: auto;">
                <table class="table table-bordered table-striped">
                  <thead>
                  <tr>
                    <th>Sno</th>
                    <th>Title</th>
                    <th>Publish Date</th>
                    <th>DB Date</th>
                    <th>Viewed Date</th>
                    <th>Applied Date</th>
                    <th>Rejected Date</th>
                    <th>P/A Difference</th>
                    <th>Username</th>
                    <th>Reject Reason</th>
                    <th>Type</th>
                    <th>Our Budget</th>
                    <th>Applied Comment</th>
                    <th>Applied Proposal</th>
                  </tr>
                  </thead>
                  <tbody>
                  @forelse ($jobs as $value)
                  <tr>
                   <td>{{ $loop->iteration }}</td>
                    <td>{!! nl2br($value->title) !!}</td>
                    <td>
                      @if($value->job_type)
                      {{ \Carbon\Carbon::parse($value->publish_date)->format("Y-m-d h:i:s") }}
                      @else
                      {{ \Carbon\Carbon::parse($value->publish_date)->subHours(7)->format("Y-m-d h:i:s") }}
                      @endif
                    </td>
                    <td>
                      {{ $value->created_at }}
                    </td>
                    <td>
                        @if(!empty($value->job_view_date))
                        {{$value->job_view_date}}
                        @else
                            --
                        @endif
                    </td>
                    <td>
                        @if(!empty($value->job_applied_date))
                        {{$value->job_applied_date}}
                        @else
                            --
                        @endif
                    </td>
                    <td>
                        @if(!empty($value->job_rejected_date))
                        {{$value->job_rejected_date}}
                        @else
                            --
                        @endif
                    </td>
                    <td>
                      @php
                        $app_date = $value->created_at;//\Carbon\Carbon::parse($value->publish_date)->subHours(7)->format("Y-m-d h:i:s");
                        if($value->job_type){
                          $app_date = $value->created_at;//\Carbon\Carbon::parse($value->publish_date)->format("Y-m-d h:i:s");  
                        }
                        $start  = new \Carbon\Carbon($app_date);
                        $end    = new \Carbon\Carbon($value->job_applied_date);
                        if(!empty($value->publish_date) && !empty($value->job_applied_date)){
                          echo $start->diff($end)->format('%H:%I:%S');
                        }else{
                          echo '--';
                        }
                      @endphp
                    </td>
                   <td>{{ getUsernameById($value->user_id) }}</td>
                    <td>
                        @if(!empty($value->job_reason))
                           {{$value->job_reason}}
                        @else
                            --
                        @endif
                    </td>
                    <td>
                    @if($value->job_type)
                    <span class="float-right badge bg-warning">Manual</span>
                    @else
                    <span class="float-right badge bg-success">System</span>
                    @endif
                    </td>
                    <td>
                    {{$value->our_budget}}
                    </td>
                    <td>
                        @if(!empty($value->job_comments))
                           <div id="commentid{{$loop->index}}" style="display:none;">{!! nl2br($value->job_comments) !!}</div>
                           <a href="#" data-desc="{{$loop->index}}" data-toggle="modal" data-target="#modal-comment" class="comment-btn btn btn-default">View Comment</a>
                        @else
                            --
                        @endif
                    </td>
                    <td>
                        @if(!empty($value->job_description))
                           <div id="feedid{{$loop->index}}" style="display:none;">{!! nl2br($value->job_description) !!}</div>
                           <a href="#" data-desc="{{$loop->index}}" data-toggle="modal" data-target="#modal-default" class="more-btn btn btn-default">View Proposal</a>
                        @else
                            --
                        @endif
                    </td>
                  </tr>
                  @empty
                  <tr>
                  <td colspan="13"><center>No Record Found</center></td>  
                  </tr>
                  @endforelse
                  <tbody>
                  <tfoot>
                  <tr>
                    <th>Sno</th>
                    <th>Title</th>
                    <th>Publish Date</th>
                    <th>Viewed Date</th>
                    <th>Applied Date</th>
                    <th>Rejected Date</th>
                    <th>P/A Difference</th>
                    <th>Username</th>
                    <th>Reason</th>
                    <th>Type</th>
                    <th>Our Budget</th>
                    <th>Comment</th>
                    <th>Description</th>
                  </tr>
                  </tfoot>
                </table>
                
                <div class="card-footer clearfix">
                {{ $jobs->links() }}
                </div>
              </div>
              <!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
        </div>
        <!-- /.row -->
      </div>
      <!-- /.container-fluid -->
    </section>
    <!-- /.content -->
<!-- modal -->
<div class="modal fade" id="modal-default">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Job Description</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body mbody">

            </div>
            <div class="modal-footer">

            </div>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>
    <!-- modal -->

<!-- modal -->
<div class="modal fade" id="modal-comment">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Comment</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body comment_body">

            </div>
            <div class="modal-footer">

            </div>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>
    <!-- modal -->    
@php
function getUsernameById($userId){
  $user = App\Models\User::find($userId);
  if($user) {
    return ucwords($user->name);
  }else{
    return '--';
  }
}
@endphp

@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).on("click", ".more-btn",function(){
  var job_desc = $(this).data('desc');
  var get_desc = $("#feedid"+job_desc).html();
  $('.mbody').html(get_desc);
});

$(document).on("click", ".comment-btn",function(){
  var job_comment = $(this).data('desc');
  var get_comment = $("#commentid"+job_comment).html();
  $('.comment_body').html(get_comment);
});
</script>