@extends('layouts.adminLayout.admin_design')
@section('content')



    <!-- end:: Header -->
    <div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">



        <!-- begin:: Content -->
        <div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">

            <div class="kt-portlet kt-portlet--mobile">
                <div class="kt-portlet__head kt-portlet__head--lg">
                    <div class="kt-portlet__head-label">
                        <h3 class="kt-portlet__head-title">
                           Career Application
                        </h3>
                    </div>

                </div>
                <div class="kt-portlet__body">

                    <!--begin: Search Form -->
                    <div class="kt-form kt-fork--label-right kt-margin-t-20 kt-margin-b-10">
                        <div class="row align-items-center">
                            <div class="col-xl-8 order-2 order-xl-1">
                                <div class="row align-items-center">
                                    <div class="col-md-4 kt-margin-b-20-tablet-and-mobile">
                                        <div class="kt-input-icon kt-input-icon--left">
                                            <input type="text" class="form-control" placeholder="Search..."
                                                id="generalSearch">
                                            <span class="kt-input-icon__icon kt-input-icon__icon--left">
                                                <span><i class="la la-search"></i></span>
                                            </span>
                                        </div>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>

                    <!--end: Search Form -->
                </div>
                <div class="kt-portlet__body kt-portlet__body--fit">

                    <!--begin: Datatable -->
                    <table class="kt-datatable" id="html_table" width="100%">
                        <thead>
                            <tr>
                                <th title="Field #1">ID</th>
                                <th title="Field #2">Name</th>
                                <th title="Field #3">Mobile</th>
                                <th title="Field #4">Email</th>
                                <th title="Field #4">Applied For</th>
                                <th title="Field #5">Resume</th>


                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach ($applications as $application)

                                <tr>

                                    <td>{{ $application->id }}</td>
                                    <td>{{ $application->name }}</td>
                                    <td>{{ $application->mobile_no }}</td>
                                    <td>{{ $application->email }}</td>
                                    <td>
                                        @if(!empty($application->career))
                                            {{ $application->career->job_title }}

                                        @endif


                                    </td>
                                    <td>
                                        <a href="{{ url('/admin/downloadresume/'.$application->id) }}"  class="btn btn-sm btn-clean btn-icon btn-icon-md " >
                                            <i class="la la-download"></i>
                                        </a>

                                    </td>



                                    <td>

                                        <button type="button" rel="{{$application->id}}" rel1="deleteApplication" class="btn btn-default btn-sm btn-bold btn-upper deleteRecord">Delete</button>
                                    </td>
                                </tr>
                            @endforeach

                        </tbody>
                    </table>

                    <!--end: Datatable -->
                </div>
            </div>
        </div>

        <!-- end:: Content -->
    </div>


<script>

    $(document).on('click', '.deleteRecord', function(e){
        e.preventDefault();
            var id = $(this).attr('rel');
            //console.log(id);
            swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                type: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Yes, delete it!'
            }).then(function(result) {
                //window.location.href='/delete';
                if (result.value) {

                    window.location.href="/admin/deleteApplication/"+id;
                    console.log('succes function');
                    swal.fire(
                        'Deleted!',
                        'Application has been deleted.',
                        'success'
                    )
                }else{
                    console.log('error');
                }
            });

    });


</script>


    <script type="text/javascript">
        "use strict";
        // Class definition

        var KTDatatableHtmlTableDemo = function() {
            // Private functions

            // demo initializer
            var demo = function() {

                var datatable = $('.kt-datatable').KTDatatable({
                    data: {
                        saveState: {
                            cookie: false
                        },
                    },
                    layout: {
                        scroll: true,
                        height: 550,
                        footer: false
                    },
                    search: {
                        input: $('#generalSearch'),
                    },
                    columns: [{
                            field: 'DepositPaid',
                            type: 'number',
                        }, {
                            field: 'Order ID',
                            title: 'Order ID',
                            autoHide: false,
                        }, {
                            field: 'Name',
                            title: 'Name',
                            autoHide: false,
                        },
                        {
                            field: 'OrderDate',
                            type: 'date',
                            format: 'YYYY-MM-DD',
                        }, {
                            field: 'Status',
                            title: 'Status',
                            autoHide: false,
                            // callback function support for column rendering
                            template: function(row) {
                                var status = {
                                    0: {
                                        'title': 'Not Verified',
                                        'class': 'kt-badge--brand'
                                    },
                                    1: {
                                        'title': 'Verified',
                                        'class': ' kt-badge--metal'
                                    },


                                };
                                return '<span class="kt-badge ' + status[row.Status].class +
                                    ' kt-badge--inline kt-badge--pill">' + status[row.Status]
                                    .title + '</span>';
                            },
                        }, {
                            field: 'Type',
                            title: 'Type',
                            autoHide: false,
                            // callback function support for column rendering
                            template: function(row) {
                                var status = {
                                    1: {
                                        'title': 'Admin',
                                        'state': 'danger'
                                    },
                                    2: {
                                        'title': 'User',
                                        'state': 'primary'
                                    },

                                };
                                return '<span class="kt-badge kt-badge--' + status[row.Type].state +
                                    ' kt-badge--dot"></span>&nbsp;<span class="kt-font-bold kt-font-' +
                                    status[row.Type].state + '">' + status[row.Type].title +
                                    '</span>';
                            },
                        },
                    ],
                });

                $('#kt_form_status').on('change', function() {
                    datatable.search($(this).val().toLowerCase(), 'Status');
                });

                $('#kt_form_type').on('change', function() {
                    datatable.search($(this).val().toLowerCase(), 'Type');
                });

                $('#kt_form_status,#kt_form_type').selectpicker();
            };

            return {
                // Public functions
                init: function() {
                    // init dmeo
                    demo();
                }
            };
        }();

        jQuery(document).ready(function() {
            KTDatatableHtmlTableDemo.init();
        });
    </script>
@endsection