@extends('backend.layouts.app')

@section('content')

<div class="p-3">
  <div class="card">
    <div class="card-header fw-bold">
      <span class="fw-bold">Inquiries for Trainings</span>&emsp; {{-- {{ $careers->employer }} {{ $careers->position }} --}}
    </div>
    <div class="card-body">
      <table class="table table-striped" style="width:100%">
        <thead>
          <tr>
            <th>Full Name</th>
            <th>Company</th>
            <th>Email</th>
            <th>Contact</th>
            <th>Message</th>
            <th>Page Context</th>
            <th>Date Sent</th>
            <th style="width:10%;">Action</th>
          </tr>
        </thead>

        <tbody>
          @foreach ($trainings_inquiries as $items)
          <tr>
            <td>{{ $items->fullname }}</td>
            <td>{{ $items->company }}</td>
            <td>{{ $items->email }}</td>
            <td>{{ $items->contact }}</td>
            <td>{{ $items->message }}</td>
            <td>{{ $items->context }}</td>
            <td>{{ date('F j, Y', strtotime($items->created_at)) }}</td>
            <td>
              <div>
                {{-- <button type="button" class="btn btn-success btn-block mb-1" data-toggle="modal" data-target="#exampleModal{{ $items->id }}"> View Application</button>
                <a href="">
                  <button class="btn btn-primary btn-block mb-1">Edit Status</button>
                </a> --}}
                <form action="{{ url('admin/trainings_inquiries/' . $items->id ) }}" method="POST"> @csrf @method('delete')
                  <button class="btn btn-danger btn-block" type="submit">Delete</button>
                </form>
                <!-- <div class="modal fade" id="exampleModal{{ $items->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
                              <div class="modal-content">
            
                                <div class="modal-body">
                                  <div  class="modal-title" id="exampleModalLabel">
            
                                    <div class="mb-2">
                                      <h3 class="fw-bold mb-5">Applicant Details</h3>
                                        <div class="row mb-4">
                                          <div class="col-12 col-md-6">
                                            <span>First Name: {{ $items->first_name }}</span><br>
                                            <span>Last Name: {{ $items->last_name }}</span><br>
                                            <span>Middle Name: {{ $items->middle_name }}</span><br>
                                            <span>Sex: {{ $items->sex }}</span><br>
                                            <span>Title: {{ $items->pronouns }}</span><br>
                                            <span>Suffix: {{ $items->suffix }}</span><br>
                                            <span>Birthday: {{ $items->birthday }}</span><br>
                                            <span>Birthplace: {{ $items->birthplace }}</span><br>
                                            <span>Religion: {{ $items->religion }}</span><br>
                                            <span>Email: {{ $items->email }}</span><br>
                                            <span>Phone: +63 {{ $items->phone }}</span><br>
                                            <span>Address: {{ $items->address }}</span><br>
                                            <span>City: {{ $items->city }}</span><br>
                                          </div>
                                          <div class="col-12 col-md-6">
                                            <span>Province: {{ $items->province }}</span><br>
                                            <span>Region: {{ $items->region }}</span><br>
                                            <span>Education: {{ $items->education }}</span><br>
                                            <span>Degree: {{ $items->degree }}</span><br>
                                            <span>Tesda: {{ $items->tesda }}</span><br>
                                            <span>Status: {{ $items->status }}</span><br>
                                            <span>First Interview Date: {{ $items->first_interview }}</span><br>
                                            <span>Second Interview Date: {{ $items->second_interview }}</span><br>
                                            <span>Third Interview Date: {{ $items->third_interview }}</span><br><br>
                                            <a href="{{ url('applicant-pdf/' . $items->id) }}" class="btn btn-outline-info" target="_blank">Download PDF</a>
                                          </div>
                                        </div>
                                        <div class="row">
                                          @if ($items->half_body != null)
                                          <div class="col-12 col-md-6 my-2">
                                            <a href="{{ asset('uploads/' . $items->id . '/' . $items->half_body) }}" class="btn btn-primary" download>Download Half Body Image</a>
                                          </div>
                                          @endif
                                          @if ($items->whole_body != null)
                                          <div class="col-12 col-md-6 my-2">
                                            <a href="{{ asset('uploads/' . $items->id . '/' . $items->whole_body) }}" class="btn btn-primary" download>Download Whole Body Image</a>
                                          </div>
                                          @endif
                                          @if ($items->cv != null)
                                            <div class="col-12 col-md-6 my-2">
                                              <a href="{{ asset('uploads/' . $items->id . '/' . $items->cv) }}" class="btn btn-primary" download>Download CV</a>
                                            </div>
                                          @endif
                                          @if ($items->birth_cert != null)
                                            <div class="col-12 col-md-6 my-2">
                                              <a href="{{ asset('uploads/' . $items->id . '/' . $items->birth_cert) }}" class="btn btn-primary" download>Download Birth Certificate</a>
                                            </div>
                                          @endif
                                          @if ($items->police != null)
                                            <div class="col-12 col-md-6 my-2">
                                              <a href="{{ asset('uploads/' . $items->id . '/' . $items->police) }}" class="btn btn-primary" download>Download Police Certificate</a>
                                            </div>
                                          @endif
                                          @if ($items->sss != null)
                                            <div class="col-12 col-md-6 my-2">
                                              <a href="{{ asset('uploads/' . $items->id . '/' . $items->sss) }}" class="btn btn-primary" download>Download SSS</a>
                                            </div>
                                          @endif
                                          @if ($items->pagibig != null)
                                            <div class="col-12 col-md-6 my-2">
                                              <a href="{{ asset('uploads/' . $items->id . '/' . $items->pagibig) }}" class="btn btn-primary" download>Download Pagibig</a>
                                            </div>
                                          @endif
                                          @if ($items->philhealth != null)
                                            <div class="col-12 col-md-6 my-2">
                                              <a href="{{ asset('uploads/' . $items->id . '/' . $items->philhealth) }}" class="btn btn-primary" download>Download Philhealth</a>
                                            </div>
                                          @endif
                                          @if ($items->tin != null)
                                            <div class="col-12 col-md-6 my-2">
                                              <a href="{{ asset('uploads/' . $items->id . '/' . $items->tin) }}" class="btn btn-primary" download>Download TIN</a>
                                            </div>
                                          @endif
                                          @if ($items->medical != null)
                                          <div class="col-12 col-md-6 my-2">
                                            <a href="{{ asset('uploads/' . $items->id . '/' . $items->medical) }}" class="btn btn-primary" download>Download Medical</a>
                                          </div>
                                           @endif
                                           @if ($items->video != null)
                                          <div class="col-12 col-md-6 my-2">
                                            <a href="{{ asset('uploads/' . $items->id . '/' . $items->video) }}" class="btn btn-primary" download>Download Video</a>
                                          </div>
                                           @endif
                                        </div>
                                    </div>
            
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div> -->
              </div>
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>


@endsection

@section('js')
<script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js"></script>
<script>
  $('.table').DataTable({
    "order": [
      [3, "desc"]
    ]
  });
</script>
@endsection