@extends('layout.main')

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
      <div class="col-12">
        <div class="row align-items-center mb-4">
          <div class="col">
            <h2 class="h5 page-title"><small class="text-muted text-uppercase"> {{__('nav.query')}}</small><br /># {{$data->issue_id}}</h2>
          </div>
          <div class="col-auto">
            @if (Auth::user()->can('legal-issues-assign-user'))
            @if ($data->status == 'pending')
            @if($data->expert_id  != null)
            <form action="{{ route('queries.process',$data->id)}}" method="post" enctype="multipart/form-data">
              @csrf
              @method('PUT')
              <button type="submit" class="btn btn-primary"> {{__('nav.process')}} </button>
            </form>
            @else
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal-delete{{$data->id}}"> {{__('nav.assign')}} </button>
           
            @endif
            @endif
            @else
            @if ($data->status == 'pending')
            <form action="{{ route('queries.process',$data->id)}}" method="post" enctype="multipart/form-data">
              @csrf
              @method('PUT')
              <button type="submit" class="btn btn-primary"> {{__('nav.answer')}} </button>
            </form>
            @endif
            @endif
          </div>
        </div> <!-- .row -->
        <div class="row my-4">
          <div class="col-md-9">
            <div class="card shadow mb-4">
              
              <div class="card-body">
                <dl class="row align-items-center mb-0">
                  <dt class="col-sm-2 text-muted">{{__('nav.title')}} </dt>
                  <dd class="col-sm-10">{{ $data->title}}</dd>
                  <dt class="col-sm-2 text-muted">{{__('nav.description')}} </dt>
                  <dd class="col-sm-10">{{ $data->description}}</dd>
                  <dt class="col-sm-2 mb-3 text-muted"> {{__('nav.reported_by')}} </dt>
                  <dd class="col-sm-4 mb-3">
                    <strong>{{ $data->client->name}}</strong>
                  </dd>
                  <dt class="col-sm-2 mb-3 text-muted">{{__('nav.created_on')}}</dt>
                  <dd class="col-sm-4 mb-3">{{$data->created_at->diffForHumans()}}</dd>
                  <dt class="col-sm-2 mb-3 text-muted"> {{__('nav.last_update')}} </dt>
                  <dd class="col-sm-4 mb-3">{{$data->updated_at->diffForHumans()}}</dd>
                  <dt class="col-sm-2 mb-3 text-muted"> {{__('nav.assigned_to')}} </dt>
                  <dd class="col-sm-4 mb-3">
                    <strong>@if($data->expert_id != null) {{ $data->expert->name}} @else @endif</strong>
                  </dd>
                </dl>
                @if($data->attachment != null)
                <dl class="row mb-0">
                  <dt class="col-sm-2 mb-3 text-muted"> {{__('nav.uploaded_attachment')}} </dt>
                  <dd class="col-sm-4 mb-3">
                    <span class="badge badge-pill badge-primary text-truncate" style="max-width: 100px;"> {{ $data->uploaded_file_name}}</span>
                    <div class="dropdown d-inline">
                      <button class="btn btn-sm p-0 dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span class="sr-only"></span>
                      </button>
                      <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="{{route('queries.view_pdf',$data->id)}}" target="_blanck"> {{__('nav.view_doc')}} </a>
                      </div>
                    </div>
                  </dd>
                </dl>
                @endif
                  
                  @if($data->status == 'completed')
                  <dl class="row mb-0">
                 <dt class="col-sm-2 mb-3 text-muted"> {{__('nav.advised_file')}} </dt>
                  <dd class="col-sm-4 mb-3">
                     <a class="dropdown-item" href="{{route('queries.view_close_pdf',$data->id)}}" target="_blanck"> {{__('nav.view_doc')}} </a>
                  </dd>
                  <dt class="col-sm-2 mb-3 text-muted"> {{__('nav.comment')}} </dt>
                  <dd class="col-sm-4">{{ $data->comment}}</dd>
                  </dl>
                  @endif
                 
                
              </div> <!-- .card-body -->
            </div> <!-- .card -->
            @if($data->status == 'in_progress')
            <div class="card shadow mb-4">
              <div class="card-body">
                <hr class="my-4">
                <h6 class="mb-3">{{__('nav.solution')}}</h6>
                <form action="{{ route('queries.close',$data->id)}}" method="POST" enctype="multipart/form-data">
                  @csrf
                  <div class="form-group">
                    <label for="exampleFormControlTextarea1" class="sr-only"></label>
                    <textarea class="form-control bg-light" name="comment" id="exampleFormControlTextarea1" rows="2"></textarea>
                  </div>
                 
                  <div class="d-flex justify-content-between align-items-center">
                    {{-- <div class="form-check form-check-inline ml-1">
                      <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
                      <label class="form-check-label" for="inlineCheckbox1">Email Notification</label>
                    </div> --}}
                    <div class="flex-fill mr-2 text-right @error('file') invalid @enderror">
                      <label class="">
                        {{-- <i class="fe fe-upload"></i> --}}
                        <input type="file" id="pdfUpload" class="form-control" name="file"
                        onchange="document.getElementById('fileName').textContent =this.files[0].name"
                         accept="application/pdf"/>
                      </label>
                      {{-- <small id="fileName"></small> --}}
                      @error('file')<div class="invalid-feedback">{{$message}}</div>@enderror
                    </div>
                    <button type="submit" class="btn btn-primary">Submit</button>
                  </div>
                </form>
              </div> <!-- .card-body -->
            </div> <!-- .card -->
            @endif
          </div> <!-- .col-md -->
          @if( Auth::user()->can('legal-issue-pending-view'))
          <div class="col-md-3">
            <div class="card shadow mb-4">
              <div class="card-body">
                <h3 class="h5 mb-1"> {{__('nav.others')}} </h3>
                <p class="text-muted mb-4"></p>
                <ul class="list-unstyled">
                  {{-- @forelse($others as $other)
                  <li class="my-1"> <a aria-label="anchor" href="{{route('legal_cases.show', $other->slug)}}" title="View Document" ><i class="fe fe-file-text mr-2 text-muted"></i>{{$other->title}}</a></li>
                  @empty
                  <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>{{__('nav.not_found')}}</li>
                  @endforelse --}}
                </ul>
              </div>
            </div>
          </div> <!-- .col-md -->
          @endif
        </div> <!-- .col-md -->
      </div>
    </div> <!-- .col-12 -->
  </div> <!-- .row -->

  <div class="modal fade"  id="modal-delete{{$data->id}}" tabindex="-1" aria-labelledby="modal-new-address" aria-hidden="true">
    <div class="modal-dialog  modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="modal-title" id="staticBackdropLabel">
                  {{__('nav.assign_to_user')}}
                </h6>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">×</span>
                </button>
                
            </div>
            <div class="modal-body">
                <form action="{{route('queries.assign',$data->id)}}" method="post">
                    @csrf
                <div class="row gy-3">
                    <div class="col-xl-12">
                      <div class="form-group">
                        <label for="recipient-name" class="col-form-label">{{__('nav.users')}}</label>
                        <select name="user" class="form-control select2 @error('user')error-message @enderror" id="simple-select2">
                          <option value="">Select User</option>
                          @foreach($users as $role)
                          <option value="{{$role->id}}">{{$role->name}}</option>
                          @endforeach
                        </optgroup>
                      </select>
                      @error('user')<div class="invalid-feedback">  {{$message}}</div>@enderror
                      </div>
                    </div>                                       
                </div>
            
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-danger">Yes, Assgin It</button>
            </div>
        </form>
        
        </div>
    </div>
</div>

@endsection