@extends('layouts.app')
@section('title')
Withdraw - Return
@endsection
@push('styles')
<link href="../assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="../assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<link href="../assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<link href="../assets/custom.css">
@endpush

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

<!-- BEGIN panel -->
<div class="row">
    <div class="col-12">
        <div class="panel panel-inverse">
            <div class="panel-body">
                <div class="row">
                    <div class="col-lg-6">
                        @if ($withdrawreturn->jobname != null)
                        <div class="row mb-0">
                                <div class="col-4 text-right">
                                    <div>Job Name:</div>
                                </div>
                                <div class="col-8 text-left">
                                    <div class="mb-1">{{$withdrawreturn->jobname}}</div>
                                </div>
                        </div>
                        @endif
                        <div class="row mb-0">
                                <div class="col-4 text-right">
                                    <div>Withdraw Date:</div>
                                </div>
                                <div class="col-8 text-left">
                                    <div class="mb-1">{{$withdrawreturn->withdraw_date}}</div>
                                </div>
                        </div>
                        <div class="row mb-0">
                                <div class="col-4 text-right">
                                    <div>Withdraw Quantity:</div>
                                </div>
                                <div class="col-8 text-left">
                                    <div class="mb-1"> {{$withdrawreturn->total_withdraw_amount}}</div>
                                </div>
                        </div>
                        <div class="row mb-0">
                                <div class="col-4 text-right">
                                    <div>Withdraw By:</div>
                                </div>
                                <div class="col-8 text-left">
                                    <div class="mb-1"> {{$withdrawreturn->withdrawusername}}</div>
                                </div>
                        </div>
                        <div class="row mb-0">
                                <div class="col-4 text-right">
                                    <div>Shipping type:</div>
                                </div>
                                <div class="col-8 text-left">
                                    <div class="mb-1"> @lang('custom.stock.shippingtype.'.$withdrawreturn->shipping_type)</div>
                                </div>
                        </div>
                        <div class="row mb-0">
                                <div class="col-4 text-right">
                                    <div>Receiver Address:</div>
                                </div>
                                <div class="col-8 text-left">
                                    <div class="mb-1">
                                    @if ($withdrawreturn->status == 1)
                                        <textarea id="receiver_address" cols="40" rows="3" style="resize:none;" disabled>{{$withdrawreturn->receiver_address}}</textarea>
                                        <a href="javascript:void(0);" class="btn btn-info btn-xs trackxreceiver_address" onclick="editqt('receiver_address')"><i class="fa fa-pencil trackereceiver_address"></i></a>
                                        <a href="javascript:void(0);" class="btn btn-info btn-xs  trackareceiver_address " style="display:none;" onclick="sendqt('receiver_address',{{$withdrawreturn->id}})"><i class="fa fa-check track"></i></a>
                                        <a href="javascript:void(0);" class="btn btn-danger btn-xs  trackareceiver_address" style="display:none;" onclick="cancelqt('receiver_address')"><i class="fa fa-times"></i></a>
                                        <span id="errorreceiver_address" style=""></span>
                                    @else
                                    <textarea id="receiver_address" cols="40" rows="3" style="border:0;resize:none;" readonly>{{$withdrawreturn->receiver_address}}</textarea>
                                    @endcan
                                    </div>

                                </div>
                        </div>
                    </div>
                    <div class="col-lg-6" >
                            <div class="row mb-0">
                                    <div class="col-4 text-right"><div>Status:</div> </div>
                                    <div class="col-8 text-left">
                                            <div class="mb-1">
                                                @if ($withdrawreturn->status == 1)
                                                <span class="badge bg-warning">{{trans('custom.stock.withdrawreturn.'.$withdrawreturn->status.'')}} </span>
                                                @elseif($withdrawreturn->status == 2)
                                                <span class="badge bg-success">{{trans('custom.stock.withdrawreturn.'.$withdrawreturn->status.'')}} </span>
                                                @elseif($withdrawreturn->status == 3)
                                                <span class="badge bg-warning">{{trans('custom.stock.withdrawreturn.'.$withdrawreturn->status.'')}} </span>
                                                @elseif($withdrawreturn->status == 4)
                                                <span class="badge bg-success">{{trans('custom.stock.withdrawreturn.'.$withdrawreturn->status.'')}} </span>
                                                @endif
                                            </div>
                                    </div>
                            </div>
                        <div class="row mb-0">
                            <div class="col-4 text-right">
                                <div>Return Date:</div>
                            </div>
                            <div class="col-8 text-left">
                                <div class="mb-1">
                                    @if ($withdrawreturn->return_date == null && $withdrawreturn->status == 2)


                                    <input type="text" class="form-control" id="return_date" name="return_date" required>


                                    @else
                                    {{$withdrawreturn->return_date}}
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row mb-0">
                                <div class="col-4 text-right">
                                    <div>Return Quantity:</div>
                                </div>
                                <div class="col-8 text-left">
                                    <div class="mb-1">
                                       @showstock($withdrawreturn->total_return_amount)
                                    </div>
                                </div>
                        </div>
                        <div class="row mb-0">
                                <div class="col-4 text-right">
                                    <div>Return By:</div>
                                </div>
                                <div class="col-8 text-left">
                                    <div class="mb-1"> {{$withdrawreturn->returnusername}}</div>
                                </div>
                        </div>
                    </div>
                </div>

                <div class="row mb-2">
                    <div class="table-responsive">
                        <form action="" id="return_form" method="post" role="form">
                        <input type="hidden" name="withdrawid" id="withdrawid" value="{{$withdrawreturn->id}}">
                        <table class="table table-striped w-100" style="">
                            <thead>
                            <tr>
                                <th>No.</th>
                                <th>Material Code</th>
                                <th>Material Name</th>
                                <th>Material Withdraw</th>
                                <th>Material Return</th>
                                <th>Waste</th>
                                <th>Vendor Waste</th>
                                <th>Meter Start</th>
                                <th>Meter End</th>
                                <th>Meter2 Start</th>
                                <th>Meter2 End</th>
                                <th>AWN seal</th>
                                <th>AWN env</th>
                                <th>AWN wrapping</th>
                                <th>SBN seal</th>
                                <th>SBN env</th>
                                <th>SBN wrapping</th>
                                <th>Sub all</th>
                                <th>Waste Head-Tail roll</th>
                                <th>Waste print</th>

                            </tr>
                            </thead>
                            <tbody>
                                @foreach ($material as $item)
                                <input type="hidden" name="materialid[]" value="{{$item->id}}">
                                <input type="hidden" name="material_type[]" value="{{$item->advance_material}}">
                                <input type="hidden" name="material_from[]" value="{{$item->advance_from}}">
                                    <tr>
                                            <td>{{$loop->iteration}}</td>
                                            <td> {{$item->material_code}} </td>
                                            <td> {{$item->material_name}} </td>
                                            <td>
                                                @if ($withdrawreturn->status == 1)
                                                <input type="number" id="material_withdraw_amount{{$item->id}}" name="material_withdraw_amount{{$item->id}}" disabled value="{{$item->material_withdraw_amount}}">
                                                <a href="javascript:void(0);" class="btn btn-info btn-xs trackxmaterial_withdraw_amount{{$item->id}}" onclick="editqt('material_withdraw_amount{{$item->id}}')"><i class="fa fa-pencil trackematerial_withdraw_amount{{$item->id}}"></i></a>
                                                <a href="javascript:void(0);" class="btn btn-info btn-xs  trackamaterial_withdraw_amount{{$item->id}}" style="display:none;" onclick="sendqt('material_withdraw_amount{{$item->id}}',{{$withdrawreturn->id}},{{$item->id}})"><i class="fa fa-check track"></i></a>
                                                <a href="javascript:void(0);" class="btn btn-danger btn-xs  trackamaterial_withdraw_amount{{$item->id}}" style="display:none;" onclick="cancelqt('material_withdraw_amount{{$item->id}}')"><i class="fa fa-times"></i></a>
                                                <span id="errormaterial_withdraw_amount{{$item->id}}" style=""></span>
                                                @else
                                                {{$item->material_withdraw_amount}}
                                                @endif

                                            </td>



                                            @if ($item->material_return_amount == 0 && $withdrawreturn->status == 2)
                                            <td> <input type="number" placeholder="Number between 0 - {{$item->material_withdraw_amount}}" name="quantity[]" min="0" max="{{$item->material_withdraw_amount}}" class="form-control item_quantity" value="0" step="0.001"  required/> </td>
                                            @else
                                            <td>{{$item->material_return_amount}} </td>
                                            @endif


                                            @if ($item->advance_material == 1 && $item->advance_from != null)
                                            <td>
                                                <input type="hidden" name="waste[]" id="waste" class="form-control">
                                            </td>
                                            <td>
                                                    @if ($item->vendor_waste != null || $withdrawreturn->status >= 3)
                                                    {{$item->vendor_waste}}
                                                    @else
                                                    <input type="number" name="vendorwaste[]"  min="0" step="0.001" class="form-control" required>
                                                    @endif
                                            </td>
                                            <td>
                                                @if ($item->paper_meter_start != null || $withdrawreturn->status >= 3)
                                                {{$item->paper_meter_start}}
                                                @else
                                                <input type="text" name="meterstart[]"  class="form-control" required>
                                                @endif

                                            </td>

                                            <td>
                                                @if ($item->paper_meter_end != null || $withdrawreturn->status >= 3)
                                                {{$item->paper_meter_end}}
                                                @else
                                                <input type="text" name="meterend[]"  class="form-control" required>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->paper_meter2_start != null || $withdrawreturn->status >= 3)
                                                {{$item->paper_meter2_start}}
                                                @else
                                                <input type="text" name="meter2start[]"  class="form-control" required>
                                                @endif

                                            </td>

                                            <td>
                                                @if ($item->paper_meter2_end != null || $withdrawreturn->status >= 3)
                                                {{$item->paper_meter2_end}}
                                                @else
                                                <input type="text" name="meter2end[]"  class="form-control" required>
                                                @endif
                                            </td>

                                            <td>
                                                @if ($item->paper_sheet_awn_seal != null || $withdrawreturn->status >= 3)
                                                {{$item->paper_sheet_awn_seal}}
                                                @else
                                                <input type="number" name="awnseal[]"  min="0" step="0.001" class="form-control" required>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->paper_sheet_awn_env != null || $withdrawreturn->status >= 3)
                                                {{$item->paper_sheet_awn_env}}
                                                @else
                                                <input type="number" name="awnenv[]"  min="0" step="0.001" class="form-control" required>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->paper_sheet_awn_wrapping != null || $withdrawreturn->status >= 3)
                                                {{$item->paper_sheet_awn_wrapping}}
                                                @else
                                                <input type="number" name="awnwrapping[]"  min="0" step="0.001" class="form-control" required>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->paper_sheet_sbn_seal != null || $withdrawreturn->status >= 3)
                                                {{$item->paper_sheet_sbn_seal}}
                                                @else
                                                <input type="number" name="sbnseal[]" min="0" step="0.001" class="form-control" required>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->paper_sheet_sbn_env != null || $withdrawreturn->status >= 3)
                                                {{$item->paper_sheet_sbn_env}}
                                                @else
                                                <input type="number" name="sbnenv[]"  min="0" step="0.001" class="form-control" required>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->paper_sheet_sbn_wrapping != null || $withdrawreturn->status >= 3)
                                                {{$item->paper_sheet_sbn_wrapping}}
                                                @else
                                                <input type="number" name="sbnwrapping[]"  min="0" step="0.001" class="form-control" required>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->paper_sub != null || $withdrawreturn->status >= 3)
                                                {{$item->paper_sub}}
                                                @else
                                                <input type="number" name="suball[]" min="0" step="1" class="form-control" required>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->paper_waste_head_tail != null || $withdrawreturn->status >= 3)
                                                {{$item->paper_waste_head_tail}}
                                                @else
                                                <input type="number" name="wastehead[]" min="0" step="0.001" class="form-control" required>
                                                @endif
                                            </td>
                                            <td>
                                                @if ($item->paper_waste_print != null || $withdrawreturn->status >= 3)
                                                {{$item->paper_waste_print}}
                                                @else
                                                <input type="number" name="wastetail[]"  min="0" step="0.001" class="form-control" required>
                                                @endif
                                            </td>

                                            @else
                                            <td>
                                                @if ($item->waste != null || $withdrawreturn->status >= 3)
                                                {{$item->waste}}
                                                @else
                                                <input type="number" name="waste[]" step="0.001" class="form-control" required>
                                                @endif
                                            </td>
                                            <td>
                                                    @if ($item->vendor_waste != null || $withdrawreturn->status >= 3)
                                                    {{$item->vendor_waste}}
                                                    @else
                                                    <input type="number" name="vendorwaste[]"  min="0" step="0.001" class="form-control" required>
                                                    @endif
                                            </td>
                                            <td><input type="hidden" name="meterstart[]" id="meterstart" class="form-control" ></td>
                                            <td><input type="hidden" name="meterend[]" id="meterend" class="form-control" ></td>
                                            <td><input type="hidden" name="awnseal[]" id="awnseal" min="0" step="1" class="form-control" ></td>
                                            <td><input type="hidden" name="awnenv[]" id="awnenv" min="0" step="1" class="form-control" ></td>
                                            <td><input type="hidden" name="awnwrapping[]" id="awnwrapping" min="0" step="1" class="form-control" ></td>
                                            <td><input type="hidden" name="sbnseal[]" id="sbnseal" min="0" step="1" class="form-control" ></td>
                                            <td><input type="hidden" name="sbnenv[]" id="sbnenv" min="0" step="1" class="form-control" ></td>
                                            <td><input type="hidden" name="sbnwrapping[]" id="sbnwrapping" min="0" step="1" class="form-control" ></td>
                                            <td><input type="hidden" name="suball[]" id="suball" min="0" step="1" class="form-control" ></td>
                                            <td><input type="hidden" name="wastehead[]" id="wastehead" min="0" step="0.001" class="form-control" ></td>
                                            <td><input type="hidden" name="wastetail[]" id="wastetail" min="0" step="0.001" class="form-control" ></td>

                                            @endif

                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="row text-center">
                    <div class="form-group">
                        <a href="{{route('withdrawreturn')}}" class="btn btn-default " >Cancel</a>
                        @if ($withdrawreturn->return_date == null && $withdrawreturn->status == 2 )
                        <button type="submit" name="submit" class="btn btn-info">Confirm</button>
                        @elseif($withdrawreturn->status == 1)
                            @can('withdraw-confirm')
                            <a href="javascript:void(0)" onclick="confirmwithdraw({{$withdrawreturn->id}})" class="btn btn-primary "><i class="fa fa-check"></i> Withdraw Confirm</a>
                            @endcan
                        @elseif($withdrawreturn->status == 3)
                            @can('return-confirm')
                            <a href="javascript:void(0)" onclick="confirmreturn({{$withdrawreturn->id}})" class="btn btn-primary "><i class="fa fa-check"></i> Return Confirm</a>
                            @endcan
                        @endif
                    </div>

                </div>
            </form>
            </div>
        </div>
        <!-- END panel -->
    </div>
    <div class="col-3">
        <h5>Files</h5>
        <ul>
            @foreach ($file as $item)
                @if ($item->filetype == 'image/png' | $item->filetype == 'image/jpg' | $item->filetype == 'image/jpeg')
                <li><a href="{{asset('storage/withdrawreturn/'.$item->file_url)}}" target="_blank" download><i class="fa fa-file-picture-o"></i> {{$item->file_url}}</a></li>
                @else
                <li><a href="{{asset('storage/withdrawreturn/'.$item->file_url)}}"  target="_blank"download><i class="fa fa-file"></i> {{$item->file_url}}</a></li>
                @endif
            @endforeach
        </ul>
        <form method="post" action="{{route('uploadfilereturn')}}" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="id" value="{{$withdrawreturn->id}}">
            <div class="text-center m-t-md">

                    <input id="logo" type="file" class="form-control" name="file" id="file">

                <button type="submit" class="btn btn-xs btn-primary">Add files</button>
            </div>
        </form>
    </div>
</div>

@include('modals.materialadd')
@include('modals.materialedit')
@endsection

@push('scripts')
<script src="../assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<script src="../assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="../assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>
<script src="../assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>
<script>
    $('td').css('min-width','125px')
    $(document).ready(function(){
        var mem = $('#return_date').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true,
                format: "yyyy-mm-dd",
            });

            var currnetdate = new Date();
            mem.datepicker('setDate', currnetdate );

        $('th').attr('nowrap','');
            $('#return_form').on('submit', function(event){
                event.preventDefault();
                var error = '';
                var count = 1;
                count = 1;
                $('.item_quantity').each(function(){

                    if($(this).val() == '')
                    {
                        error += "<p>Enter Item Quantity at Row "+count+"</p>";
                        return false;
                    }
                    if (parseInt($(this).val()) >= '214748360') {
                        error += "<p>Enter Item Quantity less than 214748360</p>";
                        return false;
                    }
                    count = count + 1;
                });

                var form_data = $(this).serialize()+'&receivenote='+'&returndate='+$('#return_date').val();
                if(error == ''){
                    Swal.fire({
                        title: 'Are you Sure?',
                        text: 'If confirm can not edit information.',
                        icon: 'warning',
                        showCancelButton: true,
                        cancelButtonColor: '#d33',
                        confirmButtonColor: '#3085d6',
                        confirmButtonText: 'Confirm',
                        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('submitaddreturn')}}",
                                    method:"POST",
                                    data:form_data,
                                    beforeSend:function(){

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

                }else{
                    $('#error').html('<div class="alert alert-danger">'+error+'</div>');
                }
            });
    });

    function confirmwithdraw(id){
                    Swal.fire({
                            title: 'Are yout sure to confirm?',
                            text: 'If Confirmed can not edit information. ',
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Confirm',
                            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('confirmwithdraw')}}",
                                        method:"POST",
                                        data:{'id':id},
                                        beforeSend:function(){

                                        },
                                        success:function(response){
                                            if(response.response == 'success'){
                                                window.location.reload();
                                            }else{
                                                Swal.fire(
                                                'Error!!',
                                                response.error,
                                                'error'
                                                )
                                            }

                                        },
                                        error:function(response){
                                            Swal.fire(
                                            'Error!!',
                                            'Contract Admin',
                                            'error'
                                            )
                                        }
                                    });
                                }
                            })

  }
  function confirmreturn(id){
                    Swal.fire({
                            title: 'Are yout sure to confirm?',
                            text: 'If Confirmed can not edit information. ',
                            icon: 'warning',
                            showCancelButton: true,
                            confirmButtonColor: '#3085d6',
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Confirm',
                            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('confirmreturn')}}",
                                        method:"POST",
                                        data:{'id':id},
                                        beforeSend:function(){

                                        },
                                        success:function(response){
                                            window.location.reload();
                                        },
                                        error:function(response){
                                            Swal.fire(
                                            'Error!!',
                                            'Contract Admin',
                                            'error'
                                            )
                                        }
                                    });
                                }
                            })

  }
  function sendqt(id,wid,mid){
      alert(mid)
        var trackval = $('#'+id).val();
        if(trackval == '' | trackval == null){
            $('#error'+id).css("color",'red');
            $('#error'+id).text('กรุณากรอกข้อมูลในช่องนี้ ');
        }else{
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                url: "{{route('editwithdraw')}}",
                type: 'POST',
                data: {'id': wid,'column':id.replace( /^\d+/g, ''),'val':trackval,'mid':mid},
                dataType:'json',
                success: function(response){
                    if(response.status = 'success'){
                        document.getElementById(id).disabled = true;
                        $(".track"+id).removeClass("fa-check");
                        $(".track"+id).addClass("fa-pencil");
                        $(".tracka"+id).css("display", "none");
                        $(".trackx"+id).css("display", "");
                        $(".tracko"+id).css("display", "none");
                        $(".tracky"+id).css("display", "");
                        $(".trackz"+id).css("display", "none");
                        $('#error'+id).css("color",'green');
                        $('#error'+id).text('เพิ่มข้อมูลสำเร็จ');
                    }else{
                        $('#error'+id).css("color",'red');
                        $('#error'+id).text('เพิ่มข้อมูลไม่สำเร็จ');
                    }
                },
                error: function( response ){
                    $('#error'+id).css("color",'red');
                    $('#error'+id).text('เพิ่มข้อมูลไม่สำเร็จ');
                }
            });
        }

    }
    function editqt(id){
        $('#error'+id).text('');
        document.getElementById(id).disabled = false;
        $(".tracka"+id).css("display", "");
        $(".trackx"+id).css("display", "none");
        $(".tracko"+id).css("display", "");
        $(".tracky"+id).css("display", "none");
        $(".trackz"+id).css("display", "");
    }
    function cancelqt(id){
        document.getElementById(id).disabled = true;
        $(".trackx"+id).css("display", "");
        $(".tracka"+id).css("display", "none");
        $(".tracky"+id).css("display", "");
        $(".trackz"+id).css("display", "none");
        $(".tracko"+id).css("display", "none");
    }
</script>
@endpush