@extends('layouts/pos_layout')
@section('title', '| ' . $data['pageTitle'])
@section('content')
    <style>
        .page-item.active .page-link {
            background-color: lightgrey !important;
            border: 1px solid black;
        }

        .page-link {
            color: black !important;
        }

        .table.table-condensed>thead>tr>td,
        .table.table-condensed>tbody>tr>td,
        .table.table-condensed>tfoot>tr>td,
        .table.table-condensed>thead>tr>th,
        .table.table-condensed>tbody>tr>th,
        .table.table-condensed>tfoot>tr>th {
            border: 1px solid #dbdbdb !important;
        }

        .color-black {
            color: #000;
        }
    </style>
    <div class="row page-wrap ">
        <div class="col-md-12">
            <div class="" style="">
                <div class=" ">


                    <div class="panel panel-default" style="background-color:#708090;">
                        <div class="panel-heading" style="padding-bottom:0px">
                            <div class="panel-title">
                                <h2>{{ $data['pageTitle'] }}</h2>
                            </div>
                            <div class="panel-options">
                                <div class="viewTitle">
                                    <a href="{{route('pos_order_list')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                                        </i>Order List</a>
                                </div>
                            </div>
                        </div>


                        <div class="panel-body panelBodyView printIcon" id="printDiv">
                            @php
                                $viewStatus_options = ['' => 'Select any', '0' => 'Pending', '1' => 'Confirmed'];
                                if ($data['branchName']->name == 'Head Office') {
                                    $searchElements = [['element' => 'branchId'],['element' => 'supplierId']];
                                } else {
                                    $searchElements = [['element' => 'supplierId']];
                                }

                            @endphp

                            @include('partials.searchPanel.main', ['searchElements' => $searchElements])

                            <div class="row vert-offset-top-2" id="posDigitalRegistrationReportPDF">

                                <p class="text-center reportHeading">
                                    <span style="color:#fff;"><u><b
                                                id="pageTitle">{{ $data['pageTitle'] }}</b></u></span><br>
                                    <span style="color:#fff;" id="seachmonth"> </span><br>
                                </p>
                                <p class="text-right" style="color:#fff;">Printed Date: {{ date('d-m-Y') }}</p>
                                <table
                                    class="table table-striped table-bordered table-condensed first-col-dark dataTable no-footer"
                                    cellpadding="0" cellspacing="0" width="100">
                                    <thead>
                                        <tr>
                                            <th class="slNo"><input id="selectAll" name="selectAll" type="checkbox" value="1" /></th>
                                            <th width="50">SL#</th>
                                            <th>Date</th>
                                            <th>Requisition Bill No</th>
                                            <th>Requisition From</th>
                                            <th>Requisition To</th>
                                            <th>Total Quantity</th>
                                            <th>Supplier</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody id="table_data">
                                    </tbody>
                                </table>
                                <div class="col-md-1" style="margin-top: 10px;float: right;text-align:right">
                                    <div class="form-group" style="font-size: 13px; color:black;">
                                        {!! Form::submit('Save', ['id' => 'saveRequisitionOrder', 'class' => 'btn btn-primary btn-xs', 'style' => 'font-size:15px;']) !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        $(document).ready(function() {
            $('#selectAll').click(function(e) {
                var table= $(e.target).closest('table');
                $('td input:checkbox',table).prop('checked',this.checked);
            });

            $('form').submit(function(event) {

                $('#brnachName').html('');

                var datehtml = '';
                var branchhtml = '';

                $('#loadingModal').show();
                $('#table_footer_data').html('');
                var form = $('form').serialize();
                $('#table_data').html(''),
                    event.preventDefault();

                var fillBranchId = $('#fillBranchId').val();
                var supplier_id = $('#supplier_id').val();

                if(supplier_id == ""){
                    Swal.fire({
                        icon: 'warning',
                        title: 'Supplier Required',
                        text: 'Please select supplier',
                        showConfirmButton: true,
                        timer: 1500
                    });
                    $('#loadingModal').hide();
                    return;
                }

                $.ajax({
                    type: 'post',
                    url: '{{ Request::url() }}',
                    data: $('form').serialize(),
                    dataType: 'json',
                    success: function(_response) {

                        $('#loadingModal').hide();
                        if (_response.responseTitle == 'success') {
                            var html = '';
                            if(_response.data.length > 0){
                                $.each(_response.data, function(key, value) {
                                    html = '<tr>';
                                    html += '<td style="text-align:center;width:3%"><input type="checkbox" class="requisitionIds" name="requisition_id[]" value="'+value.id+'"/></td>';
                                    html += '<td style="text-align:center;width:3%">' +
                                        value.sl +
                                        ' </td>';
                                    html += '<td style="text-align:center;width:8%"> ' +
                                        value
                                        .requisition_date + ' </td>';
                                    html += '<td style="text-align:center;width:9%"> ' + value
                                        .requisition_bill_no + ' </td>';
                                    html += '<td style="text-align:center;width:8%"> ' +
                                        value
                                        .branch_name + ' </td>';
                                    html += '<td style="text-align:center;width:9%"> ' + value
                                        .to_branch_name + ' </td>';
                                    html += '<td style="text-align:center;width:9%"> ' + value
                                        .total_quantity + ' </td>';
                                    html += '<td style="text-align:left;width:8%"> ' + value
                                        .to_supplier_id + '  </td>';
                                    html += '<td style="text-align:center;width:8%"> ' + value
                                        .requisition_status_val + '  </td>';
                                    html += '</tr> ';

                                    $('#table_data').append(html);
                                });
                            }else{
                                html = '<tr>';
                                html += '<td style="text-align:center;color:#b24e4e !important;" colspan="11">No Records Founds!!</td>';
                                html += '</tr> ';
                                $('#table_data').append(html);
                            }
                        } else {
                            Swal.fire({
                                icon: _response.responseStatus,
                                title: _response.responseTitle,
                                text: _response.responseText,
                                showConfirmButton: false
                            })
                            return false;
                            $('#loadingModal').hide();
                        }
                    },
                    error: function(_response) {
                        toastr.error('_response.errors');
                        $('#loadingModal').hide();
                    }
                });
            });

            $('#saveRequisitionOrder').click(function( event ) {
                event.preventDefault();

                var requisition_ids = [];

                // $("input[name='requisition_id[]']").each(function(){
                //     requisition_ids.push(this.value);
                // });
                var supplier_id = $('#supplier_id').val();
                $('.requisitionIds:checked').each(function(i){
                    requisition_ids[i] = $(this).val();
                });
                // console.log('requisition_id ',requisition_ids.length);

                //if(requisition_ids.length > 0){
                    var requisition_id = JSON.stringify(requisition_ids);
                    var _token = "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/shikkhaplus/public_html/demo_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/addRequisitionOrder.blade.php:212
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/pos/transaction/requisitionForOrderToSupplier/order/addRequisitionOrder.blade.php</b> on line <b>212</b><br />