@extends('layouts/pos_layout')
@section('title', '| '.$moduleTitle)
@section('content')
<div class="row add-data-form" style="height:100%">
    <div class="col-md-12">
            <div class="col-md-1"></div>
                <div class="col-md-10 fullbody">
                    <div class="viewTitle" style="border-bottom: 1px solid white;">
                        <a href="{{route($module.'_list')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon"></i>{{ $moduleLinkTitle }}</a>


                    </div>
                <div class="panel panel-default panel-border">
                        <div class="panel-heading">
                            <div class="panel-title">{{ $moduleTitle }}</div>
                        </div>
                    <div class="panel-body">

                        <div class="row">

                            <div class="col-md-12">

                                <table style="width:100%; padding-top: 20px; padding-left:67px;padding-right:67px;">

                                    <tr style="display:inline-block;">
                                        <td class="first" style="font-size:14px; text-align: left;width:110px;">Transfer Bill No</td>
                                        <td>:</td>
                                        <td style="font-size:12px; width:350px; text-align: left"> PTB{{$data->transfer_info->transferBillNo}}</td>
                                        <td style="width:40px;"></td>
                                        <td style="font-size:14px;text-align:left;width:90px;">Bill Date</td>
                                        <td>:</td>
                                        <td style="font-size:12px; width:100px; text-align:right;"> {{date('d-m-Y', strtotime($data->transfer_info->transferDate))}}</td>
                                    </tr>


                                    <tr style="display:inline-block;">
                                        <td class="first" style="font-size:14px; text-align: left;width:110px;">Total Quantity</td>
                                        <td>:</td>
                                        <td style="font-size:12px; width:350px; text-align: left"> {{$data->transfer_info->totlaTransferQuantity}}</td>
                                        <td style="width:40px;"></td>
                                        <td style="font-size:14px;text-align:left;width:90px;"><span id="project">Total Amount</span></td>
                                        <td><span id="projectView">:</span></td>
                                        <td style="font-size:12px; width:100px; text-align:right;">{{number_format($data->transfer_info->totalTransterAmount, 2)}}</td>
                                    </tr>

                                </table>

                                <br><br>



                                    <div class="row">
                                        <div class="col-md-12">
                                            <table class="table table-bordered responsive order-details-table" border="0" cellpadding="0" cellspacing="0" width="100%" id="swhoAppendRows">
                                                <thead>
                                                        <tr>
                                                            <th rowspan="2" width="70">SL No.</th>
                                                            <th rowspan="2" style="text-align: left;">Transfer Bill No</th>
                                                            <th rowspan="2" style="text-align: left;">Requisition No</th>
                                                            <th rowspan="2">Request Transportation Cost</th>
                                                            <th rowspan="2">Approve Transportation Cost</th>
                                                            <th rowspan="2">Comment</th>
                                                            <th rowspan="2">Action</th>
                                                        </tr>

                                                </thead>
                                                <tbody>
                                                    @php $no=0; $t_qty = $t_amount = 0; $BranchID = 0; @endphp

                                                        @php $BranchID = $data->transfer_info->branchId;  @endphp


                                                        <tr style="color:black">
                                                            <td style="text-align: center">{{++$no}}</td>
                                                            <td style="text-align: center">{{$data->transferBillNo}}</td>
                                                            <td style="text-align: center">{{ $data->requisitionBillNo }} </td>
                                                            <td style="text-align: center">{{ $data->delivery_cost }}</td>
                                                            <td style="text-align: center;">{{ $data->branch_delivery_cost }}</td>
                                                            <td style="text-align: right;padding-right:5px">{{ $data->comment }}</td>
                                                            <td style="text-align: right;padding-right:5px">
                                                                @php
                                                                    if($data->status == NULL): echo '<span class="text-danger">Pending</span>';
                                                                    elseif($data->status == 0): echo '<span class="text-danger">Rejected</span>';
                                                                    else: echo '<span class="text-success">Approved</span>';
                                                                    endif;
                                                                @endphp

                                                            </td>

                                                        </tr>

                                                </tbody>

                                            </table>
                                        </div>
                                        <div class="col-md-0"></div>
                                    </div>

                                    {!! Form::open(array('url' => '', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'approveForm')) !!}

                                        <!-- @if( ($roleType == 'Admin User' || $roleType == 'Head Office')  && $data->status == NULL )  -->
                                        <br/>
                                            <div class="delivery-form">
                                            <fieldset>
                                                <div class="row">
                                                    <legend class="text-center">Transfer Transportation Cost</legend>
                                                    <input type="hidden" name="id" value="{{ $data->id }}"/>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="col-md-4 control-label" for="transferBillNo">Transfer Bill No:</label>
                                                            <div class="col-md-5">
                                                                <input id="transferBillNo" value="{{ $data->transferBillNo }}" name="transferBillNo" class="form-control input-md" required="" type="text" readonly="readonly" />
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-md-4 control-label" for="requisitionBillNo">Requisition No:</label>
                                                            <div class="col-md-5">
                                                                <input id="requisitionBillNo" value="{{ $data->requisitionBillNo }}" name="requisitionBillNo" class="form-control input-md" required="" type="text" readonly="readonly" />
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-md-4 control-label" for="branchDeliveryCost">Request Transportation Cost:</label>
                                                            <div class="col-md-5">
                                                                <input id="branchDeliveryCost" name="branchDeliveryCost"  value = "{{ $data->branch_delivery_cost }}" class="form-control input-md" type="text"  readonly="readonly">
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-md-4 control-label" for="deliveryCost">Approve Transportation Cost:</label>
                                                            <div class="col-md-5">
                                                                <input id="deliveryCost" name="deliveryCost" placeholder="Enter transportaion Cost" value = "{{ $data->delivery_cost }}" class="form-control input-md" type="text">
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-md-4 control-label" for="comment">Comment:</label>
                                                            <div class="col-md-5">
                                                                <textarea id="comment" name="comment" placeholder="Enter comment here..." class="form-control">{{ $data->comment }}</textarea>
                                                            </div>
                                                        </div>
                                                        <input type="hidden" name="status" value="1" checked/>
                                                        <div class="form-group">
                                                            <label class="col-md-4 control-label"></label>
                                                            <div class="col-md-5">
                                                                <button type="submit" class="btn btn-primary animated fadeInDown submit-btn"  name="btnTransferDelivery">Approve</button>
                                                                <a href="{{route($module.'_list')}}" class="btn btn-danger animated fadeInDown">Close</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </fieldset>
                                            </div>

                                        <!-- @endif -->

                                    {!! Form::close()  !!}



                            </div>

                        </div>

                    </div>
                </div>
                <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>





<script>


    $(document).ready(function(){

        $('form').submit(function( event ) {
            $(".submit-btn").attr("disabled", true);
            $(".submit-btn").hide();
           var form = $('form').serialize();
           event.preventDefault();
           var mid =  $('#requisitionBillNo').data('mid');
            $.ajax({
                type: 'post',
                url: '{{ Request::url() }}',
                data: $('form').serialize(),
                dataType: 'json',
                beforeSend: function() {
                    $('#loadingModal').show();
                },
                success: function( _response ){
                    $('#loadingModal').hide();
                    if(_response=='false'){
                        Swal.fire({
                          icon: 'error',
                          title: 'Something went wrong!',
                          showConfirmButton: false,
                          timer: 1500
                        })
                         return false;
                    }
                    if (_response.errors) {
                        if (_response.errors['id']) {
                            Swal.fire({
                              icon: 'error',
                              title: 'Module Id not found',
                              showConfirmButton: false,
                              timer: 1500
                            })
                        }
                    }
                    if (_response.responseTitle == 'success')
                    {

                        Swal.fire({
                          icon: 'success',
                          title: 'Transfer delivery cost approved Successfully',
                          text: _response.responseText,
                          showConfirmButton: false,
                          timer: 1500
                        })

                        setTimeout(function(){
                            window.location.href = "{{route($module.'_list')}}";
                        }, 2000);
                    }
                    else
                    {
                        toastr.error(_response.responseText);
                    }

                },
                error: function( _response ){
                    Swal.fire({
                          icon: 'error',
                          title: 'Something went wrong!',
                          text: 'Data not inserted',
                          showConfirmButton: false,
                          timer: 1500
                    })

                }
            });
        });



        $(".txtItemBarcodeSerial").select2();
        $(".txtItemBarcodeSerial").next("span").css("width","100%");

        $('input[type="checkbox"][name^="status"]').click(function () {
            var status_name = $(this).attr('name').split("_");
            var status = $(this).val();

            if(status == 1)
            {
                if ($("#txtItemBarcodeSerial_"+status_name[1]).val() == 0)
                {
                    alert('Please choose Barcode Serial');
                    return false;
                }
                else
                {
                    return true;
                }
            }
            else
            {
                return true;
            }
        });

        $('select[name^="txtItemBarcodeSerial"]').change(function(){
            var current = $(this);
            var barcodeId = $(this).attr('id').split("_");
            console.log( $("#txtItemBarcodeSerial_"+barcodeId[1]));

            $('select[name^="txtItemBarcodeSerial"]').each(function() {
                if ($(this).val() == current.val() && $(this).attr('id') != current.attr('id'))
                {
                    alert('Allready Selected! Please choose another one!!');
                    $("#txtItemBarcodeSerial_"+barcodeId[1]).prop('selectedIndex',0);
                    $("#txtItemBarcodeSerial_"+barcodeId[1]).select2({width: '100%'});
                    return false;
                }

            });
        });
    });

</script>

@endsection