@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: center;">Transfer Bill No</th>
                                                            <th rowspan="2" style="text-align: center;">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: center;">{{ $data->comment }}</td>
                                                            <td style="text-align: center;">
                                                                @if($data->status == NULL)
                                                                    <span class="text-warning">Pending</span>
                                                                @elseif($data->status == 0)
                                                                   <span class="text-danger">Rejected</span>
                                                                @else
                                                                    <span class="text-success">Approved</span>
                                                                @endif
                                                            </td>

                                                        </tr>

                                                </tbody>

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


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

                                <div class="row">
                                    <input type="hidden" id="applicationId" name="applicationId" value="{{ $data->id }}"/>
                                    <div class="col-md-12">
                                        <div class="col-md-offset-3 col-md-6">
                                            <fieldset>
                                                <legend>
                                                    <div class="col-md-12 text-center"
                                                        style="font-size:18px;font-weight:bold;">Approval System With (Transfer Transportation Cost)</div>
                                                </legend>
                                                <label class="title-label" style="font-weight:bold">
                                                    Supervisor
                                                </label>
                                                <div style="color: rgba(59,51,51,0.94); font-size: 10px;">
                                                    {{ $roleType }}
                                                </div>
                                                <br>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div style="color: rgba(59,51,51,0.94); font-size: 10px;">
                                                            Transfer Bill No:
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <input type="text" class="form-control" id="transferBillNo" name="transferBillNo" placeholder="Enter Transfer Bill No" value="{{ $data->transferBillNo }}" required readonly="readonly" />
                                                    </div>
                                                    <p class="transferBillNoe" style="min-height:3px;"></p>
                                                </div>
                                                <br>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div style="color: rgba(59,51,51,0.94); font-size: 10px;">
                                                            Requisition Bill No:
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <input type="text" class="form-control" id="requisitionBillNo" name="requisitionBillNo" placeholder="Enter Requisition Bill No" value="{{ $data->requisitionBillNo }}" required readonly="readonly" />
                                                    </div>
                                                    <p class="requisitionBillNoe" style="min-height:3px;"></p>
                                                </div>
                                                <br>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div style="color: rgba(59,51,51,0.94); font-size: 10px;">
                                                            Request Transportation Cost
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <input type="text" class="form-control" id="branchDeliveryCost" name="branchDeliveryCost" placeholder="Enter delivery Cost" value="{{ $data->branch_delivery_cost }}" required readonly/>
                                                    </div>
                                                    <p class="branchDeliveryCoste" style="min-height:3px;"></p>
                                                </div>
                                                <br>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div style="color: rgba(59,51,51,0.94); font-size: 10px;">
                                                            Approve Transportation Cost
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <input type="text" class="form-control" id="deliveryCost" name="deliveryCost" placeholder="Enter delivery Cost" value="{{ $data->delivery_cost }}" required />
                                                    </div>
                                                    <p class="deliveryCoste" style="min-height:3px;"></p>
                                                </div>
                                                <br>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <div style="color: rgba(59,51,51,0.94); font-size: 10px;">
                                                            Comment Box
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12">
                                                        {!! Form::textarea('approvalComment', $data->comment, [
                                                            'id' => 'approvalComment',
                                                            'class' => 'form-control form-control js-comment-src',
                                                            'rows' => 2,
                                                            'placeholder' => 'Enter comment here...',
                                                            'cols' => 40,
                                                        ]) !!}
                                                    </div>
                                                    <p class="approvalCommente" style="min-height:3px;"></p>
                                                </div>
                                                <br>
                                                <div class="row action-buttons">
                                                    <div class="col-md-12 text-center">
                                                        <button type="submit"
                                                            class="btn btn-success animated fadeInDown submit-btn"
                                                            name="btnManagerApprove">Approve</button>
                                                        <a href="{{ route($module . '_list') }}"
                                                            class="btn btn-danger animated fadeInDown">Close</a>
                                                    </div>
                                                </div>


                                            </fieldset>
                                        </div>
                                    </div>
                                </div>
                            {!! Form::close()  !!}

                                    {{-- {!! 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');
           Swal.fire({
                title: 'Sure?',
                text: 'Are you sure to approve this transfer cost?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#72A230',
                cancelButtonColor: '#7e7979',
                confirmButtonText: 'Yes, approve it!'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        type: 'post',
                        url: '{{ Request::url() }}',
                        data: $('form').serialize(),
                        dataType: 'json',
                        beforeSend: function() {
                            $('#loadingModal').show();
                        },
                        success: function(_response) {
                            if (_response.errors) {
                                $('#loadingModal').hide();
                                $(".submit-btn").attr("disabled", false);
                                $(".submit-btn").show();

                                Swal.fire({
                                    icon: 'error',
                                    title: 'Validation Error!!',
                                    text: 'Please give Valid Information!!',
                                    showConfirmButton: false,
                                    timer: 1500
                                });
                                setErrorsText(_response.errors);
                                return false;
                            } else {
                                $('#loadingModal').hide();

                                Swal.fire({
                                    icon: _response.responseStatus,
                                    title: _response.responseTitle,
                                    text: _response.responseText,
                                    showConfirmButton: false,
                                    timer: 1500
                                })
                                if (_response.responseStatus == 'success') {
                                    setTimeout(function() {
                                        window.location.href =
                                            "{{ route($module . '_list') }}";
                                    }, 1500);
                                }
                            }
                        },
                        error: function(_response) {
                            $(".submit-btn").attr("disabled", false);
                            $(".submit-btn").show();
                            $('#loadingModal').hide();

                            Swal.fire({
                                icon: 'error',
                                title: 'Validation Error!!',
                                text: 'Please give Valid Information!!',
                                showConfirmButton: false,
                                timer: 1500
                            });
                            //toastr.error(_response.errors);
                            setErrorsText(_response.errors);
                            return false;

                        }
                    });
                }else{
                    $(".submit-btn").attr("disabled", false);
                    $(".submit-btn").show();
                }
            });
        });
    });

    function setErrorsText(errors) {
        console.log(errors);
        $('.barcode_for_hide').hide();
        $.each(errors, function(key, value) {
            // console.log(key,value);
            $('.' + key + 'e').empty().show().append('<span class="errormsg" style="color:red;">' + value +
                '</span>');

        });
    }


    function hideErrorMessage(){
        $("input").keyup(function() {
            var inputValue = $(this).val();
            var inputId = $(this).attr('id');
            // console.log(inputId);

            if (inputValue) {
                $('.'+inputId+'e').hide();
            } else {
                $('.'+inputId+'e').show();
            }
        });

        $("textarea").keyup(function() {
            var inputValue = $(this).val();
            var inputId = $(this).attr('id');
            // console.log(inputId);

            if (inputValue) {
                $('.'+inputId+'e').hide();
            } else {
                $('.'+inputId+'e').show();
            }
        });

        $("select").change(function() {
            var selectedValue = $(this).val();
            var elementId = $(this).attr('id');
            // console.log(elementId);
            if (selectedValue) {
                $('.'+elementId+'e').hide();
            } else {
                $('.'+elementId+'e').show();
            }
        });
    }

</script>

@endsection