@extends('layouts.app')

@section('content')

<div class="row">
    <!-- Search form -->
    <div class="col-lg-12 col-md-12 col-sm-12 text-center">
        <h3>Inquiries Drafts: ({{$inqdrafts_count}})</h3>
    </div>
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
            <div class="card-header">
                Inspection Drafts list
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="myDatatable table table-bordered table-sm table-hover" style="table-layout: auto;">
                        <thead style="background-color: rgb(80, 120, 131); color: white; font-size: 14px;">
                                <tr>
                                    <td>#</td>
                                    <td>Draft Details</td>
                                    <td>Created By</td>
                                    <td>Created At</td>
                                    <td>Action</td>
                                </tr>
                        </thead>
                        <tbody>
                            @php
                                $counter = 1;
                            @endphp
                            @foreach ($inqdrafts as $inqdraft)
                            <tr>
                                <td>{{ $counter }}</td>
                                <td>
                                    <p>{{$inqdraft->data}}</p>
                                </td>
                                <td>{{$inqdraft->user->name}}</td>
                                <td>{{$inqdraft->created_at}}</td>
                                <td>
                                    <input type="button" class="btn btn-sm btn-primary" value="View"
                                    data-toggle="modal" data-target="#Modal_{{ $inqdraft->id }}">
                                </td>
                            </tr>
                            @php
                                $counter += 1;
                            @endphp
                            @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

</div>



@foreach ($inqdrafts as $inqdraft)
    <!-- Modal -->
<div class="modal fade" id="Modal_{{ $inqdraft->id }}" tabindex="-1" role="dialog" aria-labelledby="ModalLabel_{{ $inqdraft->id }}" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="ModalLabel_{{ $inqdraft->id }}">View Draft</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form id="form_{{$inqdraft->id}}" action="{{route('inqdrafts.update',$inqdraft->id)}}" method="post">
      <div class="modal-body">
        
                <input type="hidden" name="_method" value="PUT">
                {{ csrf_field() }}
                <div class="form-group">
                    <label class="form-check-label">Created By</label>
                    <input  class="form-control" type="text" disabled value="{{$inqdraft->user->name}}">
                </div>
                <div class="form-group">
                    <label class="form-check-label">Created At</label>
                    <input  class="form-control" type="text" disabled value="{{$inqdraft->created_at}}">
                </div>
                <div class="form-group">
                    <label class="form-check-label">Details</label>
                    <textarea class="form-control" cols="30" rows="10" disabled>{{$inqdraft->data}}</textarea>
                </div>
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn  btn-sm  btn-secondary" data-dismiss="modal">Close</button>
        @can("inspection_draft_delete")
            <button type="submit" class="btn btn-sm btn-danger" form="form_{{$inqdraft->id}}">Delete Draft</button>
        @endcan
      </div>
      </form>
    </div>
  </div>
</div>

@endforeach

@endsection