@inject('request', 'Illuminate\Http\Request')
@extends('layouts.iconbar')

@section('title')
Jobs
@endsection

@section('breadcrumbs')
{{ Breadcrumbs::render(\Request::route()->getName()) }}
@endsection

@section('custom_styles')

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.css">

<style type="text/css">
    @media print {
        .dontPrint {
            display: none
        }
    }
    .daterangepicker  {
        z-index: 999999;
    }
    .jconfirm {
        z-index: 922222;
    }

    
</style>
<style>
    div.DTE_Bubble {
        /* margin-top: 100px !important; */
    }

    .modal-body {
        padding: 14px 53px 0px 36px !important;
    }

    .pagebreak {
        page-break-before: always;
    }

    /* page-break-after works, as well */

    .job-form {
        width: 68%
    }
    .full-width {
        width: 100% !important;
    }
	.c-blue{
		color:#0070C0!important;
	}
	.c-black{
		color: #000!important;
	}
	.c-red{
		color : #F56D73!important;
	}
</style>
@endsection

@section('create-button')
@can('job_create')
<a href="{{ route('admin.jobs.create') }}" id="addToTable" class="btn btn-sm btn-info waves-effect waves-classic">
    <i class="icon md-plus" aria-hidden="true"></i> New Job
</a>
@if (Auth::user()->hasRole('Admin'))
<a href="{{ route('admin.jobs.hardware.create') }}" id="addToTable" class=" btn-sm btn btn-info waves-effect waves-classic">
    <i class="icon md-plus" aria-hidden="true"></i> New Hardware Job
</a>
@endif
@endcan
@endsection

@section('content')
<div class="page-content jobs-panel">

    <div class="errorsdiv"></div>
    <div class="panel">
        <div class="panel-body">
            @if(Auth::user()->hasRole('Admin') || Auth::user()->hasRole('Super'))
            <ul class="nav nav-tabs job-tabs  mb-4" role="tablist">
                <li class="nav-item col-xs-12" role="presentation">
                    <a class=" active nav-link" data-toggle="tab" href="#active-jobs" aria-controls="pre-production" role="tab">
                        Active
                    </a>
                </li>

                <!-- <li class="nav-item col-xs-12" role="presentation">
                    <a class=" nav-link" data-toggle="tab" href="#pre-production" aria-controls="pre-production" role="tab">
                        Pre production
                    </a>
                </li>
                <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#ready-to-schedule" aria-controls="ready-to-schedule" role="tab">
                        Waiting
                    </a>
                </li> -->
                <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#production" aria-controls="production" role="tab">
                        Production
                    </a>
                </li>
                <li class="nav-item col-xs-12" role="presentation">
                    <a class="nav-link" data-toggle="tab" href="#completed-jobs" aria-controls="completed" role="tab">
                        Completed
                    </a>
                </li>
                <!-- <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#ready-to-pickup" aria-controls="ready-to-pickup" role="tab">
                        Ready to pickup
                    </a>
                </li>
                <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#unresolved-qa" aria-controls="unresolved-qa" role="tab">
                        Unresolved QA
                    </a>
                </li>

                <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#search" aria-controls="search" role="tab">
                        All jobs
                    </a>
                </li> -->

                <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#quotes" aria-controls="search" role="tab">
                        Quotes
                    </a>
                </li>
            </ul>
            <div class="tab-content mt-4">
                <div class="tab-pane active animation-fade active-pane table-responsive" id="active-jobs" role="tabpanel">
                    @include('admin.jobs.datatable.tables.active')
                </div>
                <div class="tab-pane animation-fade completed-pane table-responsive" id="completed-jobs" role="tabpanel">
                    @include('admin.jobs.datatable.tables.completed')
                </div>
                <div class="tab-pane animation-fade pre-production-pane table-responsive" id="pre-production" role="tabpanel">
                    {{--@include('admin.jobs.datatable.tables.pre-production')--}}
                </div>
                <div class="tab-pane animation-fade schedule-pane table-responsive" id="ready-to-schedule" role="tabpanel">
                    {{--@include('admin.jobs.datatable.tables.ready-to-schedule')--}}
                </div>
                <div class="tab-pane animation-fade production-pane table-responsive" id="production" role="tabpanel">
                    @include('admin.jobs.production.index')
                </div>
                <div class="tab-pane animation-fade ready-to-pickup-pane table-responsive" id="ready-to-pickup" role="tabpanel">
                    {{--@include('admin.jobs.datatable.tables.ready-to-pickup')--}}
                </div>
                <div class="tab-pane animation-fade unresolved-pane table-responsive" id="unresolved-qa" role="tabpanel">
                    {{-- @include('admin.jobs.datatable.tables.unresolved-qa')--}}
                </div>
                <div class="tab-pane animation-fade search-pane table-responsive" id="search" role="tabpanel">

                    {{--@include('admin.jobs.datatable.tables.search')--}}
                </div>
                <div class="tab-pane animation-fade quotes-pane table-responsive" id="quotes" role="tabpanel">
                    @include('admin.jobs.datatable.tables.quotes')
                </div>
            </div>
            @elseif(Auth::user()->hasRole('Customer'))
            <ul class="nav nav-tabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <a class="nav-link active show" data-toggle="tab" href="#inprogressjobs">
                        In Progress
                    </a>
                </li>
                <li class="nav-item" role="presentation">
                    <a class="nav-link show" data-toggle="tab" href="#completejobs">
                        Completed
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane animation-fade active show" id="inprogressjobs" role="tabpanel">
                    @include('admin.jobs.customer.tables.inprogress')
                </div>
                <div class="tab-pane animation-fade" id="completejobs" role="tabpanel">
                    @include('admin.jobs.customer.tables.complete')
                </div>
            </div>
            @endif
        </div>
    </div>
</div>
<div class="modal fade" id="jobModal" role="dialog" aria-labelledby="jobModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <form method="post" action="/admin/update/job" class="job-form">
            {{csrf_field()}}
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="jobModalLabel">Update Job </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>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger modalclose" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div style="display:none;">
    <!-- @include('admin.jobs.print-preview') -->
</div>

@stop

@section('javascript')

<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
<script src="{{ asset('adminlte/plugins/fileUpload/js/jquery.iframe-transport.js') }}"></script>
<script src="{{ asset('adminlte/plugins/fileUpload/js/jquery.fileupload.js') }}"></script>
<script src="{{ asset('adminlte/js/file-upload.js') }}"></script>
<script src="{{ asset('adminlte/js/viewJob.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.0/jquery-confirm.min.js"></script>

<script>
    var customers = null;
    var freights = null;
    var hardwares = null;
    var material_status = null;
    var pointPerson = null;
    var statuses = null;

    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    jQuery(document).ready(function() {
        $(".download_pdf").click(function() {
            var jobId = $(this).data('jobid');
            $.ajax({
                url: "/admin/update/job",
                type: "get",
                data: {
                    action: 'pdfDownload',
                    jobId: jobId,
                },
                success: function(data) {
                    if (data.success)
                        location.reload();
                },
                error: function(data) {

                }
            });
        });

    });

    $("#jobModal").on('hidden.bs.modal', function() {
        $(this).data('bs.modal', null);
        $('#jobModal').modal('hide').data('bs.modal', null);
        $('#jobModal').find('.modal-body').html('');
    });

    $(document).on("click", ".modalLink", function() {
        $('#jobModal').find('.modal-footer').show();
        $(".job-form").css('width', '68%')
        var title = $(this).data('title');
        var type = $(this).data('type');
        if (type == "newQa") {
            var route = $(this).data('route');
            var method = $(this).data('method');
            $('#jobModal').find('form').addClass('full-width');
            $('#jobModal').find('form').attr('action', route);
            $('#jobModal').find('form').attr('method', method);
            var a = $(this).parents('td').find('.popover-content.new-qa').html();
        } else if (type == "update-qa") {
            var jobstatus = $(this).data('jobstatus');
            if (jobstatus == 5) {
                $('#jobModal').find('.modal-footer').hide();
            }
            var route = $(this).data('route');
            var method = $(this).data('method');
            $('#jobModal').find('form').addClass('full-width');
            $('#jobModal').find('form').attr('action', route);
            $('#jobModal').find('form').attr('method', method);
            var a = $(this).parents('td').find('.popover-content.update-qa').html();
        } else if (type == "update_single-qa") {
            editQa(this);
        } else {
            if (type == "hardware") {
                $(".job-form").css('width', '100%')
            }
            var route = "/admin/update/job";
            $('#jobModal').find('form').removeClass('full-width');
            $('#jobModal').find('form').attr('action', route);
            $('#jobModal').find('form').attr('method', "post");
            var a = $(this).parents('td').find('.popover-content').html();
        }
        $(".qtywarning").hide();
        $('.modal-title').html(title);
        $('#jobModal').find('.modal-body').html(a);
        $('#jobModal').modal('show');

    });

    $('#jobModal').on('shown.bs.modal', function() {
        moment.updateLocale('en', {
            week: {
                dow: 1
            } // Monday is the first day of the week
        });
        $('.date').datepicker({
            format: "dd-mm-yyyy",
            startDate: new Date(),
            startView: 'month',
            minView: 'month',
            autoclose: true,
        });
        var select2 = $('#jobModal').find('#hardware_options');
        if (select2.length) {
            $(".select2").select2();
        }
        intializeImage();
    });

    jQuery(function() {
        $('.date-range').daterangepicker({
            autoclose: true
        });
        $('.date-range').val('');

    });

    $(document).ready(function() {
        jQuery(".job-form").submit(function(event) {
            event.preventDefault();
            jQuery(".modalclose").trigger('click');
            var formData = jQuery('.job-form').serialize();
            var action = jQuery('.job-form').attr('action');
            var method = jQuery('.job-form').attr('method');
            var isThereQaClass = jQuery('.job-form').find(".isQa");
            if (isThereQaClass.length) {
                var isQa = jQuery('.job-form').find(".isQa").val();
                var selectedStatus = jQuery('.job-form').find("#selectedStatus").val();

                if (isQa == 1 && (selectedStatus == 6 || selectedStatus == 7)) {
                    $.confirm({
                        title: 'Confirm!',
                        content: 'This Job Has QA. Do You Want To Continue?',
                        buttons: {
                            confirm: function() {
                                updateJob(formData, action, method);
                            },
                            cancel: function() {

                            },
                        }
                    });
                } else {
                    updateJob(formData, action, method);

                }

            } else {
                updateJob(formData, action, method);
            }

            return false;
        })

        jQuery(document).on("change", "#hardware_options", function(event) {
            var elements = document.getElementsByClassName("hardware_items")
            for (var i = 0; i < elements.length; i++) {
                elements[i].style.display = 'none';
            }

            var ids = $(this).val();
            ids.map(function(id) {
                $(event.target).parents(".modal-body").find(".hardware_items_label").show()
                $(event.target).parents(".modal-body").find("#hardware_" + id).show()
                $(event.target).parents(".modal-body").find("#hardware_input_" + id).attr('name', 'hardware[' + id + '][qty]')
            });
        });
    });

    function startCutting(me) {
        let cutting_today = false;
        if ($(me).prop('checked')) {
            cutting_today = true;
        }
        var data = {
            jobId: $(me).data('jobid'),
            cutting_today: cutting_today,
        }
        var action = '/admin/update/job';
        var method = "post";
        updateJob(data, action, method);
    }

    function holdJob(me) {
        let hold = 0;
        if ($(me).prop('checked')) {
            hold = 1;
        }
        var data = {
            jobId: $(me).data('jobid'),
            hold: hold,
        }
        var action = '/admin/update/job';
        var method = "post";
        updateJob(data, action, method);
    }


    function updateJob(formData, action, method) {
        $.ajax({
            url: action,
            type: method,
            data: formData,
            beforeSend: function() {
                initiateBlockUi();
            },
            complete: function() {
                stopBlockUi();
            },
            success: function(data) {
                if (data.success) {
                    window.active_table.ajax.reload();
                    window.completed_table.ajax.reload();
                    refreshDatatables();
                }

            },
            error: function(result) {
                var data = result.responseJSON;
                if (!data.success) {
                    $(".errorsdiv").html(data.html);
                    $('html, body').animate({
                        scrollTop: $(".errorsdiv").offset().top - 250
                    }, 2000);
                }
                stopBlockUi();
            },
        });
    }

    $(document).on("change", "#selectedStatus", function() {
        var isNullQty = $(this).data('nullqty');
        var value = $(this).val();
        if (value == 3 && isNullQty == 1) {
            $(".qtywarning").show();
        } else {
            $(".qtywarning").hide();
        }
    });

    function toggleSatins(me) {
        if ($(me).prop("checked")) {
            $(".satins_qty").show();
            $(".sheets_colour_qty").hide();
        } else {
            $(".sheets_colour_qty").show();
            $(".satins_qty").hide();
        }
    }



    function closeSidebar() {
        $("#m_quick_sidebar").removeClass('m-quick-sidebar--on');
    }

    function toggleBoardData(me) {
        if ($(me).val() == 'Arrived') {
            $('.board_length_width').show();
        } else {
            $('.board_length_width').hide();
        }
    }

    function refreshDatatables() {
        @if(Auth::user()->hasRole('Admin'))
        window.active_table.ajax.reload();
        window.production_table.ajax.reload();
        // window.ready_to_schedule_table.ajax.reload();
        // window.pre_production_table.ajax.reload();
        window.backlog_table.ajax.reload();
        // window.ready_to_pickup_table.ajax.reload();
        // window.search_table.ajax.reload();
        // window.quotes_table.ajax.reload();
        // window.unresolved_qa_table.ajax.reload();
        window.schedules_jobs.ajax.reload();
        window.tomorrow_jobs.ajax.reload();
        // window.printable_today.ajax.reload();
        // window.printable_scheduled.ajax.reload();
        // window.printable_tomorrow.ajax.reload();
        if (window.today_hardware_table != undefined) {
            window.today_hardware_table.ajax.reload();
            window.tomorrow_hardware_table.ajax.reload();
            window.scheduled_hardware_table.ajax.reload();
        }
        @else
        window.completed_jobs_table.ajax.reload();
        window.inprogress_jobs_table.ajax.reload();
        @endif


        getCncOrder('today')
        getCncOrder('tomorrow')
        getCncOrder('scheduled')
    }

    function showOtherCause(me, val) {
        if (val) {
            $(me).parents(".qaCauses").find('.otherCause').show();

            //hide pthers
            $(me).parents(".qaCauses").find('.designOptions').hide();
            $(me).parents(".qaCauses").find('.other_design_cause').val('');
            $(me).parents(".qaCauses").find('.productionOptions').hide();
            $(me).parents(".qaCauses").find('.other_production_cause').val('');
            $(me).parents(".qaCauses").find('.designOtherCause').hide();
            $(me).parents(".qaCauses").find('.other_design_cause').val('');
            $(me).parents(".qaCauses").find('.productionOtherCause').hide();
            $(me).parents(".qaCauses").find('.other_production_cause').val('');
            $(me).parents(".qaCauses").find('#production_cause').val('');
            $(me).parents(".qaCauses").find('#design_cause').val('');

        } else {
            $(me).parents(".qaCauses").find('.otherCause').hide();
            $(me).parents(".qaCauses").find('.other_cause').val('');
        }
    }

    function showDesignCause(me, val) {
        if (val) {
            $(me).parents(".qaCauses").find('.designOptions').show();

            //hide others
            $(me).parents(".qaCauses").find('.designOtherCause').hide();
            $(me).parents(".qaCauses").find('.other_design_cause').val('');
            $(me).parents(".qaCauses").find('.otherCause').hide();
            $(me).parents(".qaCauses").find('.other_cause').val('');
            $(me).parents(".qaCauses").find('.designOtherCause').hide();
            $(me).parents(".qaCauses").find('.other_design_cause').val('');
            $(me).parents(".qaCauses").find('.productionOtherCause').hide();
            $(me).parents(".qaCauses").find('.other_production_cause').val('');
            $(me).parents(".qaCauses").find('.productionOptions').hide();
            $(me).parents(".qaCauses").find('#production_cause').val('');

        } else {
            $(me).parents(".qaCauses").find('.designOptions').hide();
            $(me).parents(".qaCauses").find('.other_design_cause').val('');
        }
    }

    function showProductionCause(me, val) {
        if (val) {
            $(me).parents(".qaCauses").find('.productionOptions').show();

            //hide others
            $(me).parents(".qaCauses").find('.otherCause').hide();
            $(me).parents(".qaCauses").find('.other_cause').val('');
            $(me).parents(".qaCauses").find('.designOptions').hide();
            $(me).parents(".qaCauses").find('.other_design_cause').val('');
            $(me).parents(".qaCauses").find('.designOtherCause').hide();
            $(me).parents(".qaCauses").find('.productionOtherCause').hide();
            $(me).parents(".qaCauses").find('.other_production_cause').val('');
            $(me).parents(".qaCauses").find('#design_cause').val('');

        } else {
            $(me).parents(".qaCauses").find('.productionOptions').hide();
            $(me).parents(".qaCauses").find('.other_production_cause').val('');
        }
    }

    function showOtherDesignCause(me, val) {
        if (val) {
            $(me).parents(".qaCauses").find('.designOtherCause').show();

            //hide others
            $(me).parents(".qaCauses").find('.otherCause').hide();
            $(me).parents(".qaCauses").find('.other_cause').val('');
            $(me).parents(".qaCauses").find('.other_design_cause').val('');
            $(me).parents(".qaCauses").find('.productionOptions').hide();
            $(me).parents(".qaCauses").find('.productionOtherCause').hide();
            $(me).parents(".qaCauses").find('.other_production_cause').val('');
            $(me).parents(".qaCauses").find('#production_cause').val('');

        } else {
            $(me).parents(".qaCauses").find('.designOtherCause').hide();
            $(me).parents(".qaCauses").find('.other_design_cause').val('');
        }
    }

    function showOtherProductionCause(me, val) {
        if (val) {
            $(me).parents(".qaCauses").find('.productionOtherCause').show();
            //hide others
            $(me).parents(".qaCauses").find('.otherCause').hide();
            $(me).parents(".qaCauses").find('.other_cause').val('');
            $(me).parents(".qaCauses").find('.designOtherCause').hide();
            $(me).parents(".qaCauses").find('.other_design_cause').val('');
            $(me).parents(".qaCauses").find('.other_production_cause').val('');
            $(me).parents(".qaCauses").find('.designOptions').hide();
            $(me).parents(".qaCauses").find('.other_design_cause').val('');
        } else {
            $(me).parents(".qaCauses").find('.productionOtherCause').hide();
            $(me).parents(".qaCauses").find('.other_production_cause').val('');
        }
    }

    function hideCause(me, val) {
        $(me).parents(".qaCauses").find('.otherCause').hide();
        $(me).parents(".qaCauses").find('.other_cause').val('');
        $(me).parents(".qaCauses").find('.designOtherCause').hide();
        $(me).parents(".qaCauses").find('.other_design_cause').val('');
        $(me).parents(".qaCauses").find('.other_production_cause').val('');
        $(me).parents(".qaCauses").find('.designOptions').hide();
        $(me).parents(".qaCauses").find('.other_design_cause').val('')
        $(me).parents(".qaCauses").find('.productionOptions').hide();
        $(me).parents(".qaCauses").find('.productionOtherCause').hide();
        $(me).parents(".qaCauses").find('.other_production_cause').val('');
        $(me).parents(".qaCauses").find('#production_cause').val('');;

    }

    function confirmQaDelete(event, me) {
        event.preventDefault();
        var res = false;
        $.confirm({
            title: 'Confirm!',
            content: 'This Job Has QA. Choose One',
            buttons: {
                DELETEJOB: {
                    text: 'Delete Job',
                    btnClass: 'btn-danger',
                    keys: ['enter', 'shift'],
                    action: function() {
                        $(me).parents('.deleteJob').find('.jobOnly').val(1)
                        $(me).parents('.deleteJob').find('form').submit();
                    }
                },
                DELETEJOBQA: {
                    text: 'Delete Job and Qa',
                    btnClass: 'btn-warning',
                    keys: ['enter', 'shift'],
                    action: function() {
                        $(me).parents('.deleteJob').find('.jobOnly').val(0)
                        $(me).parents('.deleteJob').find('form').submit();
                    }
                },
                Cancel: {
                    text: 'Cancel',
                    btnClass: 'btn-default',
                    keys: ['enter', 'shift'],
                    action: function() {}
                }
            }
        });
        return res;
    }

    function addHardware(event) {
        var sample = $(event.target).parents('.modal-body').find('.sample-hardware').html();
        $(event.target).parents('.modal-body').find('.hardware-items').append(sample)
        updateAttributes(event)
    }

    $(document).on('click', '#addHardware', function(event) {
        var sample = $(event.target).parents('.modal-body').find('.sample-hardware').html();
        $(event.target).parents('.modal-body').find('.hardware-items').append(sample)
        updateAttributes(event)
    });

    function removeHardware(event) {
        $(event.target).parents('.hardware-item').remove();
        updateAttributes(event)
    }

    function updateAttributes(event) {

        var parentsElement = $(event.target).parents(".modal-body").find('.hardware-items-container').html()
        var elements = $(parentsElement).find(".hardware-item")
        var fullhtml = '<div class="hardware-items">';
        for (var i = 0; i < elements.length; i++) {
            $(elements[i]).find(".itemname").attr('name', 'hardwareitem[' + i + '][item]')
            $(elements[i]).find(".qty").attr('name', 'hardwareitem[' + i + '][qty]')
            $(elements[i]).find(".price").attr('name', 'hardwareitem[' + i + '][price]')
            fullhtml += '<div class="row form-group mb-4 hardware-item">';
            fullhtml += $(elements[i]).html();
            fullhtml += '</div>';
        }
        fullhtml += '</div>';
        $(event.target).parents(".modal-body").find('.hardware-items-container').html(fullhtml)
    }


    function getCncOrder(type) {
        $.ajax({
            url: "/admin/cnc-stats/" + type,
            dataType: 'html',
            success: function(html) {
                if (type == 'today') {
                    $(".today-cnc-stats").html(html)
                }
                if (type == 'tomorrow') {
                    $(".tomorrow-cnc-stats").html(html)
                }
                if (type == 'scheduled') {
                    $(".scheduled-cnc-stats").html(html)
                }
            },
            error: function(data) {}
        });
    }

    function editQa(that) {
        var route = $(that).data('route');
        var method = $(that).data('method');
        $('#jobModal').find('form').addClass('full-width');
        $('#jobModal').find('form').attr('action', route);
        $('#jobModal').find('form').attr('method', method);
        var qaid = $(that).data('qaid');
        $.ajax({
            url: "/admin/edit-qa/" + qaid,
            dataType: 'html',
            success: function(html) {
                $(that).parents(".modal-body").find(".table-qa-container").html(html);
            },
            error: function(data) {}
        });
    }
</script>


@include('admin.jobs.comments-script')


@stack('datatable_scripts')
@endsection