@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.appointment')}}</small><br /># {{$data->issue_id}}</h2>
          </div>
          <div class="col-auto">
            @if ($data->status == 0)

            <form action="{{ route('appointments.confirm',[$data->slug,3])}}" method="post" enctype="multipart/form-data">
              @csrf
              @method('PUT')
              <button type="submit" class="btn btn-primary"> {{__('nav.confirm')}} </button>
            </form>
            @else
            @if($data->status == 3)
            <form action="{{ route('appointments.confirm',[$data->slug,1])}}" method="post" enctype="multipart/form-data">
                @csrf
                @method('PUT')
                <button type="submit" class="btn btn-primary"> {{__('nav.complete')}} </button>
              </form>
              <button type="button" class="btn btn-primary mt-2" data-toggle="modal" data-target="#modal-delete{{$data->id}}"> {{__('nav.reschedule_appointment')}} </button>
              @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 mb-3 text-muted"> {{__('nav.client')}} </dt>
                  <dd class="col-sm-4 mb-3">
                <strong>{{$data->client->name}}</strong>
                  </dd>
                  
                </dl>
                <dl class="row mb-0">
                    @if($data->type == 2)
                  <dt class="col-sm-2 mb-3 text-muted"> {{__('nav.uploaded_file')}} </dt>
                  <dd class="col-sm-4 mb-3">
                    <span class="badge badge-pill badge-primary text-truncate" style="max-width: 100px;"> {{ $data->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('publications.view_pdf',$data->slug)}}" target="_blanck"> {{__('nav.view_doc')}} </a>
                      </div>
                    </div>
                  </dd>
                  @endif
                  <dt class="col-sm-2 mb-3 text-muted">Status</dt>
                  <dd class="col-sm-4 mb-3">
                    <span class="dot dot-md {{ $data->class }} mr-2"></span>  <div class="dropdown d-inline">  {{$data->status_text}}
                    </div>
                  </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>
                  
                 
                </dl>
              </div> <!-- .card-body -->
            </div> <!-- .card -->
            @if($data->status == 1)
           {{-- <div class="card shadow mb-4">
              <div class="card-body">
                <hr class="my-4">
                <h6 class="mb-3">{{__('nav.comment')}}</h6>
                <form action="{{ route('legal_issues.close',$data->slug)}}" 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="flex-fill mr-2 text-right @error('file') invalid @enderror">
                      <label class="">
                        <input type="file" id="pdfUpload" class="form-control" name="file"
                        onchange="document.getElementById('fileName').textContent =this.files[0].name"
                         accept="application/pdf"/>
                      </label>
                      @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-issues-pending-view'))
          <div class="col-md-3">
            <div class="card shadow mb-4">
              <div class="card-body">
                <h3 class="h5 mb-1"> {{__('nav.other_appointments')}} </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('appointments.show', $other->slug)}}" title="View Issue" ><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.reschedule_appointment')}}
                </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('appointments.update',$data->slug)}}" method="post">
                    @csrf
                    @method('PUT')
                <div class="row gy-3">
                    <div class="col-xl-12">
                      <div class="form-group">
                        <label for="recipient-name" class="col-form-label">{{__('nav.select_attorney')}}</label>
                        <select name="user" class="form-control select2 @error('user')error-message @enderror" id="simple-select2" required>
                          <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 class="col-xl-12">
                      <div class="form-group">
                        <label for="recipient-name" class="col-form-label">{{__('nav.appointment_date')}}</label>
                        <input type="date" name="date" class="form-control" required/>
                        @error('user')<div class="invalid-feedback">  {{$message}}</div>@enderror
                      </div>
                    </div>
                    <div class="col-xl-12">
                      <div class="form-group">
                        <label for="recipient-name" class="col-form-label">{{__('nav.appointment_start_time')}}</label>
                        <input type="time" name="start_time" class="form-control" required/>
                        @error('start_time')<div class="invalid-feedback">  {{$message}}</div>@enderror
                      </div>
                    </div>
                    <div class="col-xl-12">
                      <div class="form-group">
                        <label for="recipient-name" class="col-form-label">{{__('nav.appointment_end_time')}}</label>
                        <input type="time" name="end_time" class="form-control" required/>
                        @error('end_time')<div class="invalid-feedback">  {{$message}}</div>@enderror
                      </div>
                    </div>    
                    <div class="col-xl-12">
                      <div class="form-group">
                        <label for="recipient-name" class="col-form-label">{{__('nav.venue')}}</label>
                        <input type="text" name="venue" class="form-control" required value="{{old('venue')}}"/>
                      @error('venue')<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