@extends('layouts.app')
@section('title')
Create job
@endsection
@push('styles')
<link href="../assets/custom.css">
<link href="../assets/plugins/select-picker/dist/picker.min.css" rel="stylesheet" />
<link href="../assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<link href="../assets/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css" rel="stylesheet" />
@endpush

@section('content')
<!-- BEGIN page-header -->
<h1 class="page-header">Create job</h1>
<!-- END page-header -->

<!-- BEGIN panel -->
<div class="panel panel-inverse">
    <div class="panel-body">
        @can('create-job')
        <form action="" method="post" role="form" id="insert_form" enctype="multipart/form-data">
            <input type="hidden" name="qttype" id="qttype" value="">

                <div class="row">
                    <div class="col-md-6">
                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Quotation : <span style="color:red;">*</span></label>
                            <div class="col-md-10">
                                <select name="quotation" id="quotation" class="form-control"  required>
                                    <option value="">Plase Select Quotation</option>
                                    @foreach ($quotation as $item)
                                        <option value="{{$item->id}}">{{trans('custom.quotation.type.'.$item->job_type)}} {{$item->job_code}} {{$item->job_name}} </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <div id="extra1"></div>
                        </div>
                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Owner Name : </label>
                            <div class="col-md-10"><input type="text" class="form-control" name="ownername" id="ownername" readonly></div>

                        </div>
                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Network : </label>
                            <div class="col-sm-10"><input type="text" class="form-control" name="network" id="network" readonly></div>

                        </div>
                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Deliver Frequency : </label>
                            <div class="col-md-2" id="deliverf" style="font-size:15px; margin-top:4px;"></div>
                            <label class="col-md-2 col-form-label ">Unit : </label>
                            <div class="col-md-2" id="unit" style="font-size:15px; margin-top:5px;">

                            </div>
                            <label class="col-md-2 col-form-label ">Shipping Method : </label>
                            <div class="col-md-2" id="shippingmethod" style="font-size:15px; margin-top:5px;">

                            </div>
                        </div>
                        <div class="row mb-2">
                            <label class="col-sm-2 col-form-label ">Description : </label>
                            <div class="col-sm-10">
                                <textarea name="jobdescription" id="jobdescription" cols="auto" rows="5" class="form-control" readonly></textarea>
                            </div>
                        </div>
                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label   ">Print Type : <span style="color:red;">*</span></label>
                            <div class="col-md-10  ">
                                <select name="printtype" id="printtype" class="form-control"  required>
                                    <option value="">Please Select Print Type</option>
                                    <option value="1">@lang('custom.job.printtype.1')</option>
                                    <option value="2">@lang('custom.job.printtype.2')</option>
                                    <option value="3">@lang('custom.job.printtype.3')</option>
                                </select>
                            </div>
                        </div>

                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Shipping Date : <span style="color:red;">*</span></label>
                            <div class="col-md-4">
                                <input type="text" class="form-control" id="shippingdate" name="shippingdate" style="background-color:white;" readonly required>
                            </div>
                            <label class="col-md-2 col-form-label ">Shipping time : <span style="color:red;">*</span></label>
                            <div class="col-md-4">
                                <input type="hidden" name="realshippingtime" id="realshippingtime">
                                <select class="form-control" name="shippingtime" id="shippingtime" required>
                                    <option  value="10:00:00">10:00</option>
                                    <option  value="15:00:00">15:00</option>
                                </select>
                            </div>
                        </div>

                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Total Quantity : </label>
                            <div class="col-md-10">
                                    <input type="text" name="realquantity" id="realquantity" class="form-control" value="" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Start SLA Date : <span style="color:red;">*</span></label>
                            <div class="col-md-10">

                               <input type="text" class="form-control" id="startsladate" name="startsladate" style="background-color:white;" readonly required>

                            </div>

                        </div>
                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Start SLA time : <span style="color:red;">*</span></label>
                            <div class="col-md-9">
                                <div class="input-group bootstrap-timepicker">
                                    <input  type="text" class="form-control" name="startslatime" id="startslatime" style="background-color:white;" readonly required/>
                                    <span class="input-group-text input-group-addon">
                                      <i class="fa fa-clock"></i>
                                    </span>
                                </div>
                            </div>
                            <div class="col-md-1">
                                <button type="button" class="btn btn-info"  id="btnrefresh" onclick="slachange();">
                                    <i class="fa fa-retweet"></i>
                                </button>
                            </div>
                        </div>

                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Department : </label>
                            <div class="col-md-10">
                                <input type="text" class="form-control" name="department" id="department" readonly>
                            </div>
                        </div>

                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Cost Center : </label>
                            <div class="col-md-10">
                                <input type="text" class="form-control" name="costcenter" id="costcenter" readonly>
                            </div>
                        </div>

                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Document : </label>
                            <div class="col-md-10" >
                                <input type="file" class="form-control" name="file" id="file">
                            </div>
                        </div>

                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Other : </label>
                            <div class="col-md-10">
                                <textarea name="other" id="other" cols="auto" rows="5" class="form-control" readonly></textarea>
                            </div>
                        </div>

                        <div class="row mb-2">
                            <div id="dynamic">

                            </div>
                        </div>

                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Note : </label>
                            <div class="col-md-10"><input type="text" class="form-control" name="jobnote" id="jobnote">
                            </div>
                        </div>

                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Finish Date : <span style="color:red;">*</span></label>
                            <div class="col-md-4">
                                <input type="text" class="form-control" id="finishdate" name="finishdate" style="background-color:white;" readonly required>
                            </div>
                            <label class="col-md-2 col-form-label ">Finish time : <span style="color:red;">*</span></label>
                            <div class="col-md-3">
                                <div class="input-group bootstrap-timepicker">
                                    <input type="text" class="form-control" name="finishtime" id="finishtime" style="background-color:white;" readonly required>
                                    <span class="input-group-text input-group-addon">
                                      <i class="fa fa-clock"></i>
                                    </span>
                                </div>
                            </div>
                            <div class="col-md-1">
                            <button type="button" class="btn btn-info"  id="btnrefresh1" onclick="finishchange();">
                                    <i class="fa fa-retweet"></i>
                            </button>
                        </div>

                        </div>

                        <div class="row mb-2">
                            <label class="col-md-2 col-form-label ">Job Price : </label>
                            <div class="col-md-10">
                                <input type="text" name="jobprice" id="jobprice" class="form-control" readonly>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="row">
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                          <a href="#Process" data-bs-toggle="tab" class="nav-link active">Process</a>
                        </li>
                        <li class="nav-item">
                            <a href="#Material" data-bs-toggle="tab" class="nav-link">Material</a>
                        </li>
                      </ul>
                    <div class="tab-content panel p-3 rounded-0 rounded-bottom">
                        <div class="tab-pane fade active show" id="Process">
                            <div class="table-responsive">
                                <table class="table table-striped" id="process_table">
                                    <thead>
                                        <tr>
                                            <th>Process Name</th>
                                            <th>Process Detail</th>
                                            <th>Machine Detail</th>
                                            <th>Price</th>
                                            <th>Capacity per hour</th>
                                            <th>Hour per day</th>
                                            <th>Capacity per day</th>
                                            <th id="quantityperprocess"></th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="tab-pane fade " id="Material">
                            <div class="table-responsive">
                                <table class="table table-striped"  id="material_table">
                                    <thead>
                                    <tr>
                                        <th>Material Code</th>
                                        <th>Material Name</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row text-center">
                        <div class="form-group">
                            <a href="{{route('jobs')}}" class="btn btn-default col-sm-1" >Cancel</a>
                            <button type="submit" name="submit" class="btn btn-info col-sm-1">Confirm</button>
                        </div>
                </div>

        </form>
        @endcan
    </div>
</div>

@endsection

@push('scripts')
<script src="../assets/plugins/select-picker/dist/picker.min.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>
<script src="../assets/plugins/bootstrap-timepicker/js/bootstrap-timepicker.min.js"></script>
<script src="../assets/plugins/jquery.maskedinput/src/jquery.maskedinput.js"></script>
<script>
var totalcapdm = 0;
var totalcapseal = 0;
var totalcapwarpping = 0;
var totalcapenvelops = 0;
var totalcapmailgroup = 0;
var totalpricedm = 0;
var totalpriceseal = 0;
var totalpricewarpping =0;
var totalpriceenvelops = 0;
var totalpricemailgroup =0;

    $(document).ready(function(){


        $('.selectpicker').picker({ search: true });
        $("#finishtime,#startslatime").timepicker({
            defaultTime: DisplayCurrentTime(),
            timeFormat: 'h:mm',
            startTime: '00:00',
            showMeridian: false
         });

        var currentdate = new Date();

        var mem = $('#shippingdate,#shippingdate,#finishdate,#startsladate').datepicker({
            todayBtn: "linked",
            keyboardNavigation: false,
            forceParse: false,
            calendarWeeks: true,
            autoclose: true,
            format: "yyyy-mm-dd",
            startDate:currentdate
        });
        mem.datepicker('setDate', currentdate );

        $('#startslatime').val(DisplayCurrentTime());
        $('#finishtime').val(DisplayCurrentTime());


        $('#quotation').on('change', function() {

            $('#jobprice').val('');
            if (this.value != '') {

                Swal.fire({
                    title: 'Please Wait..!',
                    text: 'Is working..',
                    allowOutsideClick: false,
                    allowEscapeKey: false,
                    allowEnterKey: false,
                    didOpen: () => {
                        swal.showLoading()
                    }
                })
                    $.ajaxSetup({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });
                    $.ajax({
                        url:"{{route('searchqt')}}",
                        method:"POST",
                        data:{'id':this.value},
                        success:function(data){
                            var process = "";
                            var material = "";



                            $('#start').val(data.qt.start_job_date);
                            $('#end').val(data.qt.end_job_date);
                            $('#ownername').val(data.qt.owner_name);
                            $('#department').val(data.qt.department);
                            $('#network').val(data.qt.network);
                            $('#costcenter').val(data.qt.cost_center);
                            $('#deliverf').html(data.qt.frequency_quantity);
                            $('#unit').html(data.qt.frequency_unit);
                            $('#jobdescription').html(data.qt.job_description);
                            $('#other').html(data.qt.note);
                            $('#qttype').val(data.qt.job_type);
                            $('#shippingmethod').html("@lang('custom.quotation.shipping.1')");

                            var dynamic = "";
                            var dynamic1 = "";
                            if(data.qt.job_type == 1){
                                dynamic += '<div class="form-group  row  mb-2">';
                                dynamic += '<label class="col-md-2 col-form-label ">Seal : </label>';
                                dynamic += '<div class="col-md-4">';
                                dynamic += '<input type="number" class="form-control" name="seal" id="seal" value="0" min="0" onchange="statementcalculateday()" disabled>';
                                dynamic += '</div>';
                                dynamic += '<label class="col-md-2 col-form-label ">Warpping : </label>';
                                dynamic += '<div class="col-md-4">';
                                dynamic += '<input type="number" class="form-control" name="warpping" id="warpping" value="0" min="0" onchange="statementcalculateday()" disabled> ';
                                dynamic += '</div>';
                                dynamic += '</div>';
                                dynamic += '<div class="form-group  row  mb-2">';
                                dynamic += '<label class="col-md-2 col-form-label ">Envelops : </label>';
                                dynamic += '<div class="col-md-4">';
                                dynamic += '<input type="number" class="form-control" name="envelops" id="envelops" value="0" min="0" onchange="statementcalculateday()" disabled>';
                                dynamic += '</div>';
                                dynamic += '<label class="col-md-2 col-form-label ">Mail group : </label>';
                                dynamic += '<div class="col-md-4">';
                                dynamic += '<input type="number" class="form-control" name="mailgroup" id="mailgroup" value="0" min="0"  onchange="statementcalculateday()" disabled>';
                                dynamic += '</div></div>';

                                dynamic1 += `
                                <div class="form-group  row mb-2">
                                    <label class="col-md-2 col-form-label ">Name : </label>
                                    <div class="col-md-4">
                                        <input type="text" class="form-control" name="jobname" id="jobname" required>
                                    </div>
                                    <label class="col-md-2 col-form-label ">Bill Cycle : </label>
                                    <div class="col-md-4">
                                        <input type="text" id="billcycle" name="billcycle" class="form-control" required>
                                    </div>
                                </div>
                                <div class="form-group row mb-2">
                                    <label class="col-md-2 col-form-label ">Estimate Quantity : </label>
                                    <div class="col-md-10">
                                        <input type="number" class="form-control" name="estimateq" id="estimateq" readonly>
                                    </div>
                                </div>
                                `;
                                $('#quantityperprocess').html('');


                            }else{
                                dynamic1 += `
                                    <div class="form-group  row">
                                        <label class="col-sm-2 col-form-label ">Name : </label>
                                        <div class="col-sm-4">
                                            <input type="text" class="form-control" name="jobname" id="jobname" required>
                                        </div>
                                        <label class="col-sm-2 col-form-label ">Estimate Quantity : </label>
                                        <div class="col-sm-4">
                                            <input type="number" class="form-control" name="estimateq" id="estimateq" readonly>
                                        </div>
                                    </div>`;
                                $('#quantityperprocess').html('Quantity per process');
                            }

                            $('#dynamic').html(dynamic);
                            $('#extra1').html(dynamic1);
                            $("#billcycle").mask("99-99/99/9999");
                            $('#estimateq').val(data.qt.estimate_quantity);
                            $('#jobname').val(data.qt.job_name);
                            var totalprice = 0;
                            var check = "";
                            var predicshippintdate = "";
                            var countmin = 0;
                            var checkid = 0;
                            var icount = 1;
                            var priceperrecored = [] ;
                            var capacityperprocess = [];
                            var x = -1;
                            data.process.forEach(element => {
                                if(data.qt.job_type == 1){
                                                    if(element.process_type == 1){
                                                        if(totalcapseal == 0){
                                                            totalcapseal = element.capacity_per_day;
                                                        }else if(totalcapseal > element.capacity_per_day){
                                                            totalcapseal = element.capacity_per_day;
                                                        }
                                                        totalpriceseal += element.price;
                                                    }else if(element.process_type == 2){
                                                        if(totalcapwarpping == 0){
                                                            totalcapwarpping = element.capacity_per_day;
                                                        }else if(totalcapwarpping > element.capacity_per_day){
                                                            totalcapwarpping = element.capacity_per_day;
                                                        }
                                                        totalpricewarpping += element.price;
                                                    }else if(element.process_type == 3){
                                                        if(totalcapenvelops == 0){
                                                            totalcapenvelops = element.capacity_per_day;
                                                        }else if(totalcapenvelops > element.capacity_per_day){
                                                            totalcapenvelops = element.capacity_per_day;
                                                        }
                                                        totalpriceenvelops += element.price;
                                                    }else if(element.process_type == 4){
                                                        if(totalcapmailgroup == 0){
                                                            totalcapmailgroup = element.capacity_per_day;
                                                        }else if(totalcapmailgroup > element.capacity_per_day){
                                                            totalcapmailgroup = element.capacity_per_day;
                                                        }
                                                        totalpricemailgroup += element.price;
                                                    }

                                }else{
                                                    if(totalcapdm == 0){
                                                            totalcapdm = element.capacity_per_day;
                                                    }else if(totalcapdm > element.capacity_per_day){
                                                            totalcapdm = element.capacity_per_day;
                                                    }
                                                    totalpricedm += element.price;
                                }


                                if(element.process_type == 1){
                                    $('#seal').prop('disabled', false);
                                }else if(element.process_type == 2){
                                    $('#warpping').prop('disabled', false);
                                }else if(element.process_type == 3){
                                    $('#envelops').prop('disabled', false);
                                }else if(element.process_type == 4){
                                    $('#mailgroup').prop('disabled', false);
                                }
                                process += "<tr>";
                                if(check != element.process_number){

                                    process += "<td>"+element.process_name+"</td>";
                                    x++;
                                }else{
                                    process += "<td></td>";
                                }
                                (priceperrecored[x] != null && priceperrecored[x] != 0) ? priceperrecored[x] = parseFloat(priceperrecored[x]) + parseFloat(element.price) :priceperrecored[x] =  parseFloat(element.price);
                                (capacityperprocess[x] != null && capacityperprocess[x] != 0) ? capacityperprocess[x] = parseFloat(capacityperprocess[x]) + parseFloat(element.capacity_per_day) :capacityperprocess[x] =  parseFloat(element.capacity_per_day);
                                process += "<td><input type='hidden' name='pnumber[]' value='"+element.process_number+"'>"+element.process_detail+"</td>";
                                process += "<td>"+element.machine_detail+"</td>";
                                process += "<td>"+(element.price).toLocaleString('en')+"</td>";
                                process += "<td>"+(element.capacity_per_hour).toLocaleString('en')+"</td>";
                                process += "<td>"+(element.hour_per_day).toLocaleString('en')+"</td>";
                                process += "<td>"+(element.capacity_per_day).toLocaleString('en')+"</td>";
                                if(checkid != element.process_number && data.qt.job_type == 2){
                                    process += "<input type='hidden' name='processid[]' value='"+element.id+"'><td colspan='"+icount+"'><input type='number' id='quantityperprocess"+element.process_number+"' name='quantityperprocess[]' class='form-control qtpp' min='0' onchange='directmailcalculateday()' value='0' required></td>"
                                    checkid = element.process_number
                                    icount = 1;

                                }else{
                                    icount++;

                                }
                                process += "</tr>";
                                totalprice += element.price;
                                check = element.process_number;
                                countmin++;
                            });
                            sessionStorage.setItem("priceperprocess", JSON.stringify(priceperrecored));
                            sessionStorage.setItem("capacityperprocess", JSON.stringify(capacityperprocess));
                            $("#process_table tbody").empty();
                            $('#process_table').append(process);

                            data.material.forEach(element => {
                                material += "<tr>";
                                material += "<td><a href='{{route('viewstockonline')}}' target='_blank'>"+element.material_code+"</a></td>";
                                material += "<td><a href='{{route('viewstockonline')}}' target='_blank'>"+element.material_name+"</a></td>";
                                material += "</tr>";
                            });
                            $("#material_table tbody").empty();
                            $('#material_table').append(material);
                            Swal.close()
                        },
                        error:function(response){
                            Swal.fire(
                                'Error!!',
                                'Contract Admin',
                                'error'
                                )
                        }
                    });
            }
        });

        $('#insert_form').on('submit', function(event){
                event.preventDefault();

                var form = $('#insert_form')[0];
                var form_data = new FormData(form);
                         Swal.fire({
                            title: 'Are you sure!!',
                            text: 'Press OK to comfirm print job.',
                            icon: 'question',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'OK',
                            reverseButtons:true,
                            }).then((result) => {
                                if(result.value){
                                    Swal.fire({
                                        title: 'Please Wait..!',
                                        text: 'Is working..',
                                        allowOutsideClick: false,
                                        allowEscapeKey: false,
                                        allowEnterKey: false,
                                        didOpen: () => {
                                            swal.showLoading()
                                        }
                                    })
                                    $.ajaxSetup({
                                        headers: {
                                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                        }
                                    });
                                    $.ajax({
                                        url:"{{route('submitaddjob')}}",
                                        method:"POST",
                                        enctype: 'multipart/form-data',
                                        data:form_data,
                                        processData: false,
                                        contentType: false,
                                        cache: false,
                                        beforeSend:function(){

                                        },
                                        success:function(data){
                                            Swal.fire({
                                            title: 'Success!!',
                                            text: 'Press OK to continuous.',
                                            icon: 'success',
                                            showCancelButton: false,
                                            confirmButtonColor: '#3085d6',
                                            cancelButtonColor: '#d33',
                                            confirmButtonText: 'OK'
                                            }).then((result) => {
                                                if (result.value) {
                                                    window.location="{{route('jobs')}}";
                                                }
                                            })
                                        },
                                        error:function(response){
                                            Swal.fire(
                                                'Error!!',
                                                'Contract Admin',
                                                'error'
                                                )
                                        }
                                    });
                                }
                            })

        });
    });
    function DisplayCurrentTime() {
        var date = new Date();

        var hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours()
        var minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
        var seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
        time = hours + ":" + minutes;
        //time = hours + ":" + minutes + am_pm;
        return time;
    };
    function statementcalculateday(){
        var seal = ($('#seal').val() ? $('#seal').val() : 0);
        var warpping =($('#warpping').val() ?  $('#warpping').val() : 0);
        var envelops = ($('#envelops').val() ? $('#envelops').val() : 0);
        var mailgroup = ($('#mailgroup').val() ? $('#mailgroup').val() : 0);
        if(warpping == 0){
            totalcapseal = 25000*24;
        }else if(warpping > 0 && warpping <= 20000){
            totalcapseal = 21000*24;
        }else if(warpping > 20000 && warpping <= 40000){
            totalcapseal = 17000*24;
        }else{
            totalcapseal = 15000*24;
        }
        var capseal = (totalcapenvelops == 0) ? 0 : parseInt(seal)/totalcapseal;
        var capwarpping = (totalcapwarpping == 0) ? 0 : parseInt(warpping)/totalcapwarpping;
        var capenvelops = (totalcapenvelops == 0) ? 0 : parseInt(envelops)/totalcapenvelops;
        var capmailgroup = (totalcapmailgroup == 0) ? 0 : parseInt(mailgroup)/totalcapmailgroup;


        var day = Math.max(capseal, capwarpping, capenvelops,capmailgroup);
        var total = parseInt(seal)+parseInt(warpping)+parseInt(envelops)+parseInt(mailgroup);
        $('#realquantity').val(total);
        predic(day);
        var totalpricestm = (parseFloat(totalpriceseal)*seal) + (parseFloat(totalpricewarpping)*warpping) + (parseFloat(totalpriceenvelops)*envelops) + (parseFloat(totalpricemailgroup)*mailgroup);
        $('#jobprice').val((totalpricestm).toLocaleString('en'));
        sessionStorage.setItem('daycalculate',day);
    }

    function directmailcalculateday(){
        var total = 0;
        var array = JSON.parse(sessionStorage.getItem("priceperprocess"));
        var cappp = JSON.parse(sessionStorage.getItem("capacityperprocess"));

        var count = 0;
        var jobprice = 0;
        var realq = 0;
        $('.qtpp').each(function (indexInArray, valueOfElement) {
            realq += parseFloat($(this).val());
            array[count] = array[count]*$(this).val();
            jobprice += array[count];
            cappp[count] = $(this).val()/cappp[count];
            if(total != 0 && $(this).val() != 0 && $(this).val() != null){
                if(total < cappp[count]){
                    total = cappp[count];
                }
            }else if(total == 0 && $(this).val() != 0 && $(this).val() != null){
                total = cappp[count];
            }
           count++;
        });
        $('#jobprice').val((jobprice).toLocaleString('en'));
        $('#realquantity').val(realq);
        predic(total)
        sessionStorage.setItem('daycalculate',total);
    }

    function predic(day){

        var ctime = $('#startslatime').val();

        var jsDate = $('#startsladate').datepicker('getDate');
        var jstime = $('#startslatime').val();
        var arraytime = jstime.split(":");

        var today = new Date(jsDate.getFullYear(),jsDate.getMonth(),jsDate.getDate(),arraytime[0],arraytime[1]);
        var predic = new Date(jsDate.getFullYear(),jsDate.getMonth(),jsDate.getDate(),arraytime[0],arraytime[1]);

        if(today.getHours() >= "8"){
            predic.setDate(today.getDate()+(Math.floor(day)));
        }else{
            predic.setDate(today.getDate()+Math.floor(day));
        }
        var decimalPart = day - Math.floor(day);
        var hrs = parseInt(Number(decimalPart*24));
        var min = Math.round((Number(decimalPart*24)-hrs) * 60);
        predic.setMinutes(predic.getMinutes()+min);
        predic.setHours(predic.getHours()+hrs);
        var dd = String(predic.getDate()).padStart(2, '0');
        var mm = String(predic.getMonth() + 1).padStart(2, '0'); //January is 0!
        var yyyy = predic.getFullYear();
        var finishdate = yyyy + '-' + mm + '-' + dd;
        var finishtime = (predic.getHours()< 10 ? "0"+predic.getHours() : predic.getHours()) + ":" + (predic.getMinutes()< 10 ? "0"+predic.getMinutes() : predic.getMinutes()) + ":" + (predic.getSeconds() < 10 ? "0"+predic.getSeconds() : predic.getSeconds());
        $('#finishdate').datepicker("setDate", new Date(finishdate) );
        $('#finishtime').val(finishtime);

        calshipping(predic);

    }

    function calshipping(predic){
        var currentdate = new Date();

        $('#shippingdate').datepicker('setStartDate',currentdate);


        if(predic.getHours() >= 10 && predic.getHours() < 15){



            if(predic.getDay() == 0){
                currentdate.setDate(predic.getDate()+1);
                predic.setDate(predic.getDate()+1);
                var dd = String(predic.getDate()).padStart(2, '0');
                var mm = String(predic.getMonth() + 1).padStart(2, '0');
                var yyyy = predic.getFullYear();
                var finishdate = yyyy + '-' + mm + '-' + dd;

                $('#shippingdate').datepicker("setDate", new Date(finishdate) );
                document.getElementById("shippingtime").selectedIndex = "0";
                $('#realshippingtime').val($('#shippingtime').children("option:selected").val());

            }else{
                currentdate.setDate(predic.getDate());
                var dd = String(predic.getDate()).padStart(2, '0');
                var mm = String(predic.getMonth() + 1).padStart(2, '0');
                var yyyy = predic.getFullYear();
                var finishdate = yyyy + '-' + mm + '-' + dd;
                $('#shippingdate').datepicker("setDate", new Date(finishdate) );
                document.getElementById("shippingtime").selectedIndex = "1";
                $('#realshippingtime').val($('#shippingtime').children("option:selected").val());

            }

        }else if(predic.getHours() >= 0 && predic.getHours() < 10){
            if(predic.getDay() == 0){
                currentdate.setDate(predic.getDate());
            var dd = String(predic.getDate()).padStart(2, '0');
            var mm = String(predic.getMonth() + 1).padStart(2, '0');
            var yyyy = predic.getFullYear();
            var finishdate = yyyy + '-' + mm + '-' + dd;
            $('#shippingdate').datepicker("setDate", new Date(finishdate) );
            document.getElementById("shippingtime").selectedIndex = "0";
            $('#realshippingtime').val($('#shippingtime').children("option:selected").val());
          
            }else{
                currentdate.setDate(predic.getDate());
            var dd = String(predic.getDate()).padStart(2, '0');
            var mm = String(predic.getMonth() + 1).padStart(2, '0');
            var yyyy = predic.getFullYear();
            var finishdate = yyyy + '-' + mm + '-' + dd;
            $('#shippingdate').datepicker("setDate", new Date(finishdate) );
            document.getElementById("shippingtime").selectedIndex = "0";
            $('#realshippingtime').val($('#shippingtime').children("option:selected").val());
            }

        }else{
            currentdate.setDate(predic.getDate()+1);
            predic.setDate(predic.getDate()+1);
            var dd = String(predic.getDate()).padStart(2, '0');
            var mm = String(predic.getMonth() + 1).padStart(2, '0');
            var yyyy = predic.getFullYear();
            var finishdate = yyyy + '-' + mm + '-' + dd;
            $('#shippingdate').datepicker("setDate", new Date(finishdate) );

            document.getElementById("shippingtime").selectedIndex = "0";
            $('#realshippingtime').val($('#shippingtime').children("option:selected").val());
        }
        $('#shippingdate').datepicker('setStartDate',currentdate);
    }
   function finishchange(){
        var date = $('#finishdate').val();
        var dd = date.split("-");
        var time = $('#finishtime').val();
        var tt = time.split(":");
       var predicdate = new Date(dd[0],dd[1],dd[2],tt[0],tt[1],'00');
       calshipping(predicdate);
   }

   function slachange(){
        var type = $('#qttype').val();
        if(type == 1){
            statementcalculateday();
        }
        if(type == 2){
            directmailcalculateday();
        }
   }

</script>
@endpush