@extends('layouts.admin-layouts.admin-master')
@section('content')
@include('layouts.admin-layouts.alerts.flash-message')
<div class="page-content fade-in-up">
    <div class="ibox">
        <div class="ibox-body">
            <h5 class="font-strong mb-4">Applied list</h5>
            <div class="flexbox mb-4">
                <div class="flexbox">

                </div>
                <div class="input-group-icon input-group-icon-left mr-3 mt-4">
                    <span class="input-icon input-icon-right font-16"><i class="ti-search"></i></span>
                    <input class="form-control form-control-rounded form-control-solid" id="key-search" type="text"
                        placeholder="Search ...">
                </div>
            </div>
            <div class="table-responsive row">
                <table class="table table-bordered table-hover" id="datatable">
                    <thead class="thead-default thead-lg">
                        <tr>

                            <th>#</th>
                            <th>Title</th>
                            <th>First Name</th>
                            <th>Last Name</th>
                            <th>Phone #</th>
                            <th>Email</th>
                            <th>CV</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($applied as $data)
                        <tr>
                            <td>{{ $loop->index+1 }}</td>
                            <td>{{ $data->title }}</td>
                            <td>{{ $data->firstname }}</td>
                            <td>{{ $data->lastname }}</td>
                            <td>{{ $data->phoneno }}</td>
                            <td>{{ $data->email }}</td>
                            <td>
                                <span class="" onclick='applied_cv("{{ $data->file }}")'>
                                    <i class="fa fa-file-pdf-o fa-10x" style="font-size: 32px;
                                    color: #c60808;"></i>
                                </span>
                            </td>
                            <td>
                                <span class="btn btn-danger"
                                    onclick="applied_delete({{ $data->id }})">Delete</span>
                                </td>
                                </tr>
                                @endforeach
                                
                                
                            </tbody>
                            
                        </table>
                    </div>
                </div>
            </div>
        </div>
        @include('admin.models.job-delete')
@endsection
@section('js-script')
<script type="text/javascript">
    function applied_delete(delete_id) {
        $('#delete_job_modal').modal('show');
        $('#delete_id').val(delete_id)
    }
    function applied_cv(file_name) {
        let url = 'download-cv';
        $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        }); 
        $.ajax({
            method: "POST",
            url: url,
            data: {file_name: file_name},
            xhrFields: {
            responseType: 'blob'
            },
            success:function(res)
            {
                console.log(res);
                var blob = new Blob([res]);

                var link = document.createElement('a');

                link.href = window.URL.createObjectURL(blob);

                link.download = "Sample.pdf";

                link.click();

            },
            error: function(res)
            
            {

            }
        });
     
    }
$(document).ready(function(){

    // Delete
    $('#deleteJob').click(function () {
        let form_data = $('#DeleteJobData');
        let id = $('#delete_id').val();
        let delete_url = 'careers/' + id;
        $.ajax({
            method: "DELETE",
            url: delete_url,
            data: form_data.serialize(),
        }).done(function (res) {
            if (res.success) {
                Swal.fire({
                        icon: 'success',
                        title: res.success,
                        showConfirmButton: false,
                        timer: 2000

                    })

                    setTimeout("location.reload(true);", 2000);

                
            }
            else {
                Swal.fire({
                    icon: 'error',
                    title: res.error,
                    showConfirmButton: true,
                    timer: 5000

                })

            
            }
        });
    });
});
</script>
@endsection