@extends('layouts.app')
@section('title')
Add Withdraw Return
@endsection
@push('styles')
<link href="../assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<link href="../assets/plugins/chosen-select/bootstrap-chosen.css" rel="stylesheet">
<link href="../assets/custom.css">
@endpush

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

<!-- BEGIN panel -->
<div class="panel panel-inverse">
    <div class="panel-body">
        <span id="errormessage"></span>
        @can('add-withdraw')
        <form action="{{route('submitwithdraw')}}" method="post" role="form" id="insert_form" class="">
            @csrf
                <div class="row mb-2">
                        @can ("withdraw-menufacturing")
                        <label class="col-1  ">Job : </label>
                        <div class="col-5">
                                <select name="jobid" id="jobid" class="form-control chosen-select">
                                        <option value="">Select Job if withdraw for Job</option>
                                        @foreach ($job as $item)
                                        <option value="{{$item->id}}"> {{$item->job_code}} {{$item->job_name}} </option>
                                        @endforeach

                                </select>
                        </div>
                        @endcan

                </div>
                <div class="row mb-2">

                        <label class="col-md-1">Withdraw Date : <span style="color:red;">*</span></label>
                        <div class="col-md-5">
                            <input type="text" class="form-control" id="withdrawdate" name="withdrawdate" required>
                        </div>

                        <label class="col-sm-1  ">Shipping Type : <span style="color:red;">*</span></label>
                        <div class="col-sm-5">
                                <select name="shippingtype" id="shippingtype" class="form-control chosen-select"   tabindex="2" required>
                                        <option value="">Select Type</option>
                                        @can ("withdraw-menufacturing")
                                        <option value="1">@lang('custom.stock.shippingtype.1')</option>
                                        <option value="4">@lang('custom.stock.shippingtype.4')</option>
                                        @endcan
                                        <option value="2">@lang('custom.stock.shippingtype.2')</option>
                                        <option value="3">@lang('custom.stock.shippingtype.3')</option>

                                </select>
                        </div>
                </div>
                <div class="form-group row mb-2">
                        <label class="col-sm-1  ">Receiver Address : <span style="color:red;">*</span></label>
                        <div class="col-sm-5">
                            <textarea name="receiveraddress" id="receiveraddress" cols="30" rows="5" class="form-control" required></textarea>
                        </div>
                </div>
                <div class="form-group row mb-2">

                    <span id="error"></span>

                    <table class="table table-bordered" id="item_table" >
                            <tr>
                                <th>Material <span style="color:red;">*</span></th>
                                <th>Quantity <span style="color:red;">*</span></th>
                                <th><button type="button" name="add" class="btn btn-success btn-sm add"><span class="fa fa-plus"></span></button></th>
                            </tr>
                            <tr>
                                    <td>
                                        <select name="material[]" class="form-control item_name chosen-select" onchange="HandleOptions()" tabindex="2">
                                            <option value="">Select Material</option>
                                            @foreach ($material as $item)
                                            <option value="{{$item->id}}" >{{$item->material_code}} {{$item->material_name}} (Max Qty. = {{$item->current_stock}})</option>
                                            @endforeach
                                            @foreach ($material1 as $item)
                                            @if ($item->advance_material == 1)
                                            <option value="{{$item->id}}" >{{$item->material_code}} {{$item->material_name}} (Max Qty. = {{$item->weight_left}})</option>
                                            @else
                                            <option value="{{$item->id}}" >{{$item->material_code}} {{$item->material_name}} (Max Qty. = {{$item->current_stock}})</option>
                                            @endif

                                            @endforeach
                                        </select>
                                    </td>
                                    <td>
                                        <input type="number" name="quantity[]" step="0.001" min="0" class="form-control item_quantity"  />
                                    </td>
                                    <td></td>
                            </tr>
                    </table>


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

        </form>
        @endcan
    </div>
</div>
<!-- END panel -->


@endsection

@push('scripts')
<script src="../assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>
<script src="../assets/plugins/chosen-select/chosen.jquery.js"></script>
<script>
$(document).ready(function(){
            $('.chosen-select').chosen({width: "100%",display_disabled_options:false});
            var curretdate = new Date();
            curretdate.setDate(curretdate.getDate());
            var mem = $('#withdrawdate').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true,
                format: "yyyy-mm-dd",
                startDate:curretdate
            });

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

            $(document).on('click', '.add', function(){
                var html = '';
                html += '<tr>';
                html += '<td><select name="material[]" class="form-control item_name chosen-select" onchange="HandleOptions()" tabindex="2"><option value="">Select Material</option>@foreach ($material as $item) <option value="{{$item->id}}">{{$item->material_code}} {{$item->material_name}} (Max Qty. = {{$item->current_stock}})</option> @endforeach @foreach ($material1 as $item) @if ($item->advance_material == 1)<option value="{{$item->id}}" >{{$item->material_code}} {{$item->material_name}} (Max Qty. = {{$item->weight_left}})</option>@else<option value="{{$item->id}}" >{{$item->material_code}} {{$item->material_name}} (Max Qty. = {{$item->current_stock}})</option>@endif @endforeach  </select></td>';
                html += '<td><input type="number" name="quantity[]" step="0.001" min="0" class="form-control item_quantity"  /></td>';
                html += '<td><button type="button" name="remove" class="btn btn-danger btn-sm remove"><span class="fa fa-minus"></span></button></td></tr>';
                $('#item_table').append(html);
                $('.chosen-select').chosen({width: "100%",display_disabled_options:false});
                HandleOptions();
            });

            $(document).on('click', '.remove', function(event){
                $(this).closest('tr').remove();
            });


            $('#insert_form').on('submit', function(event){
                event.preventDefault();
                var error = '';
                var count = 1;
                $('.item_name').each(function(){

                    if($(this).val() == '')
                    {
                        error += "<p>Select Material at Row "+count+"</p>";
                        return false;
                    }
                    count = count + 1;
                });
                count = 1;
                $('.item_quantity').each(function(){

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

                var form_data = $(this).serialize();
                if(error == ''){
                    Swal.fire({
                                title: 'Are you sure?',
                                text: 'Press OK to Confirm.',
                                icon: 'warning',
                                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('submitwithdraw')}}",
                                        method:"POST",
                                        data:form_data,
                                        beforeSend:function(){

                                        },
                                        success:function(response){
                                            if(response.response == 'success'){
                                                Swal.fire({
                                                    title: 'Success?',
                                                    text: 'Press OK to Continuous.',
                                                    icon: 'success',
                                                    showCancelButton: false,
                                                    confirmButtonColor: '#3085d6',
                                                    cancelButtonColor: '#d33',
                                                    confirmButtonText: 'OK'
                                                }).then((result) => {
                                                    window.location="{{route('withdrawreturn')}}";
                                                })
                                            }else{
                                                $('#errormessage').html('<div class="alert alert-danger">'+response.message+'</div>');
                                                Swal.fire({
                                                    title: 'Error..!',
                                                    text: 'Some data not match',
                                                    allowOutsideClick: true,
                                                    allowEscapeKey: false,
                                                    allowEnterKey: true
                                                })
                                            }
                                        },
                                        error:function(response){
                                            Swal.fire(
                                                'Error!!',
                                                'Contract Admin',
                                                'error'
                                                )
                                        }
                                    });
                                }
                            })

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

    });



    function HandleOptions() {
        $('option').removeAttr('disabled'); //reset all the options to be available
        $.each($('select.item_name:hidden'), function() { //loop from top to bottom and disable the options one by one.
            var value = $(this).val();
            if(value != '' && value != null){
                $('option[value="'+value+'"]:not(:selected)').attr('disabled','disabled');
            }


        });
        $('select').trigger("chosen:updated");
    }
</script>
@endpush