@extends('layouts.admin.app')

@section('title','Applications')

@section('content')
    <div class="card mb-3">
        <div class="card-header" style="position: relative;">
            <i class="fa fa-table"></i> Applications
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                    <thead>
                    <tr>
                        <th>#</th>
                        <th>Job</th>
                        <th>Applicant</th>
                        <th>Email</th>
                        <th>Availability</th>
                        <th>Remote Experience</th>
                        <th>Action</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(isset($applications))
                        @php
                        $i = 1;
                        @endphp
                        @foreach($applications as $application)
                            <tr>
                                <td>{{ $i++ }}</td>
                                <td>{{ $application->job->title }}</td>
                                <td>{{ $application->applicant_name }}</td>
                                <td>{{ $application->applicant_email }}</td>
                                <td>{{ $application->applicant_availability }}</td>
                                <td>{{ $application->applicant_remote_experience }}</td>
                                <td>
                                  <a type="button" href="#" class="badge badge-primary" data-toggle="modal" data-target="#exampleModal">
                                    Details
                                  </a>
                                  <!-- Modal -->
                                  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-dialog-centered" role="document">
                                      <div class="modal-content">
                                        <div class="modal-header">
                                          <h5 class="modal-title" id="exampleModalLabel">Applications - {{ $application->applicant_name }}</h5>
                                          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                          </button>
                                        </div>
                                        <div class="modal-body">
                                          <div class="card mb-3">
                                            <div class="card-header" style="position: relative;">
                                              <i class="fa fa-table"></i> Applications - {{ $application->applicant_name }}
                                            </div>
                                            <div class="card-body">
                                              <div class="col-md-12">
                                                <div class="pt-2 pb-2">
                                                  <span><strong>Job: </strong> {{ $application->job->title  }}</span>
                                                </div>
                                                <div class="pt-2 pb-2">
                                                  <span><strong>Applicant: </strong> {{ $application->applicant_name }}</span>
                                                </div>
                                                <div class="pt-2 pb-2">
                                                  <span><strong>Email: </strong> {{ $application->applicant_email  }}</span>
                                                </div>
                                                <div class="pt-2 pb-2">
                                                  <span><strong>Phone: </strong> {{ $application->applicant_phone  }}</span>
                                                </div>
                                                <div class="pt-2 pb-2">
                                                  <span><strong>Availability: </strong> {{ $application->applicant_availability  }}</span>
                                                </div>
                                                <div class="pt-2 pb-2">
                                                  <span><strong>Remote Experience: </strong> {{ $application->applicant_remote_experience  }}</span>
                                                </div>
                                                @if($application->applicant_linkedin_url)
                                                  <div class="pt-2 pb-2">
                                                    <span><strong>Linkedin URL: </strong> {{ $application->applicant_linkedin_url  }}</span>
                                                  </div>
                                                @endif
                                                @if($application->applicant_github_url)
                                                  <div class="pt-2 pb-2">
                                                    <span><strong>Github URL: </strong> {{ $application->applicant_github_url  }}</span>
                                                  </div>
                                                @endif
                                                @if($application->applicant_gitlab_url)
                                                  <div class="pt-2 pb-2">
                                                    <span><strong>Github URL: </strong> {{ $application->applicant_gitlab_url  }}</span>
                                                  </div>
                                                @endif
                                                @if($application->applicant_bitbucket_url)
                                                  <div class="pt-2 pb-2">
                                                    <span><strong>Bitbucket URL: </strong> {{ $application->applicant_bitbucket_url  }}</span>
                                                  </div>
                                                @endif
                                                <div class="pt-2 pb-2">
                                                  <span><strong>Date Applied: </strong> {{ $application->created_at->diffForHumans()  }}</span>
                                                </div>
                                                <div class="text-center">
                                                  <a target="_blank" class="btn btn-info" href="{{ route('admin.dev.job.application.resume', $application->id) }}">
                                                    <i class="fa fa-search"></i> View Resume</a>
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        <div class="modal-footer">
                                          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                    <a target="_blank" class="badge badge-info" href="{{ route('admin.dev.job.application.resume', $application->id) }}">
                                        <i class="fa fa-search"></i> Resume</a>
{{--                                    <a class="badge badge-primary"  href="{{ route('admin.dev.job.application.single', $application->id) }}">More details</a>--}}
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection
@section('js')
@endsection