@extends('layouts.argon')


@section('content')

 <main class="main-content  mt-0">
      
      <div class="container">

    
    


       
            

<div class="row">
    
    
  
      
      
      
      
        <div class="col-12">
          <div class="card mb-4">
              
              
              
              
         
      
      
      
            <div class="card-header pb-0">
              <h6>Closed Cases</h6>
            </div>
         
            
            
            
            <div class="card-body px-0 pt-0 pb-2">
              <div class="table-responsive p-0">
                <table class="table align-items-center mb-0">
                  <thead>
                    <tr>
                      <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Case ID</th>
                      <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Subject</th>
                      
                      <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Attachment</th>
                        <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Lawyer</th>
                      <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Sender</th>
                      <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">From Dept.</th>
                      <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">Date</th>
                 
                     
                      <th class="text-secondary opacity-7"></th>
                    </tr>
                  </thead>
                  <tbody>




                  @foreach ($data as $efile)
                            
                             
            
            
            
                      
                    <tr>
                   
                      <td>
                        <div class="d-flex px-2 py-1">
                            <div class="d-flex flex-column justify-content-center">
                                <h6 class="mb-0 text-sm">{{ $efile->uniquenumber }}</h6>
                                <!-- <p class="text-xs text-secondary mb-0">john@creative-tim.com</p> -->
                            </div>
                        </div>
                      </td>
                      
                      <td>
                        <div class="d-flex px-2 py-1">
                            <div class="d-flex flex-column justify-content-center">
                                <h6 class="mb-0 text-sm">{{ $efile->subject }}</h6>
                                <!-- <p class="text-xs text-secondary mb-0">john@creative-tim.com</p> -->
                            </div>
                        </div>
                      </td>
                      
                      
                       <td class="align-middle text-center">
                        @if(isset($efile->file_path))
                       <p class="mb-0 text-sm"><a href="https://efile.pakmultiservices.com/storage{{ $efile->file_path }}">View</a></p>
                       @endif
                      </td>
                      
                      
             
                      
                      <td class="align-middle text-center">
                            <span class="badge badge-sm bg-gradient-success">{{ $efile->tousername }}</span>
                     
                      </td>
                      
                      <td class="align-middle text-center">
                            <span class="badge badge-sm bg-gradient-success">{{ $efile->fromusername }}</span>
                     
                      </td>
                      <td class="align-middle text-center">
                            <span class="badge badge-sm bg-gradient-success">{{ $efile->fromdepname }}</span>
                     
                      </td>
                      
                      
                      
                      
                      
                      
                    
                      
                      <td class="align-middle text-center">
                           <span class="text-secondary text-xs font-weight-bold">{{ \Carbon\Carbon::parse($efile->created_at)->format('j F, Y') }}</span>
                       
                      </td>
                      <td class="align-middle">
                    
                        <i data-bs-toggle="modal" data-bs-target="#exampleModal{{ $efile->id }}" class="fa fa-comment" style="cursor: pointer;"></i>
                        <i data-bs-toggle="modal" data-bs-target="#exampleModal1{{ $efile->id }}" class="fa fa-list" style="cursor: pointer;"></i>
                     
                     
                     
                     
                     
                      </td>





                    </tr>






<!---Delete Model--->
<div class="modal fade" id="exampleModal2{{ $efile->id }}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 

  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Are you sure to close this case?</h5>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">&times;</button>
      </div>


      <form role="form" method="POST" action="{{ route('closecase') }}" enctype="multipart/form-data">
              @csrf
     
     <h6 style="text-align: center;">{{ $efile->subject }}</h6> 
                   <input type="hidden" class="form-control" name="id" value="{{ $efile->id }}">
        <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No</button>
        <button type="submit" class="btn btn-primary">Yes</button>
      </div>
       </form>

    </div>
  </div>
</div>






<!---view letter---->

        <div class="modal fade" id="exampleModal1{{ $efile->id }}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 

  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Your case details are here!</h5>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">&times;</button>
      </div>


      <div class="modal-body">
      
                
                   
                   <div class="mb-3">
                       <label>Subject</label>
                  <input type="text" class="form-control" value="{{ $efile->subject }}" name="subject" readonly>
                </div>
                <div class="mb-3">
               <label>Details</label>
               <p>{!!$efile->doc_details!!}</p>
                 </div>
                 @if($efile->file_path)
                <img src="https://efile.pakmultiservices.com/storage{{ $efile->file_path }}" width="100" height="100" style="float: right;">
             @endif
        </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
      </div>
    
 </div>
  </div>
</div>





<!---Add comments on case--->


<div class="modal fade" id="exampleModal{{ $efile->id }}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
 

  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Subject: {{ $efile->subject }}</h5>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">&times;</button>
      </div>


      <form role="form" method="POST" action="{{ route('addcaseremarks') }}" enctype="multipart/form-data">
              @csrf
      <div class="modal-body">

               <div class="row">
        <div class="col-12">
          <div class="card mb-4">
            <div class="card-header pb-0">
              <h6>Remarks history</h6>
            </div>
            <div class="card-body px-0 pt-0 pb-2">
              <div class="table-responsive p-0">
               <div class="mb-3">
                    
                  
                        </br>
                        
                         @php
                             $remarks = DB::connection('mysqllive')->table('lawyercaseremarks')->where('case_id', $efile->id)->orderBy('id', 'DESC')->get();
                            @endphp
                        @foreach ($remarks as $remark)
                         <h6 class="mb-0 text-sm" style="margin-left: 24px;">{{ $remark->remark }}<span class="text-xs font-weight-bold mb-0" style="font-size: 10px !important;"> ({{ \Carbon\Carbon::parse($remark->created_at)->format('j F, Y') }})</span></h6>
                        @endforeach

                      
                         
                       
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
   
      </div>
              </form>

    </div>
  </div>
</div>






                    @endforeach
                 
                   
               
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>









 </div>
    </div>
    
  </main>

  @endsection