@extends('layouts.admin')
@section('content')
    <script type="text/javascript" src="{{ URL::asset('js/dataTables.min.js') }}"></script>
        <link href="{{ URL::asset('css/dataTables.min.css') }}" media="all" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="{{ URL::asset('js/select2.min.js') }}"></script>
    <link href="{{ URL::asset('css/select2.css') }}" media="all" rel="stylesheet" type="text/css"/>

    <div class="pageheader">
        <div class="media">
            <div class="media-body">
                <h4>@lang('messages.Manage Purchase Order List')</h4>
                <ul class="breadcrumb">
                    <li><a href="{{ URL::to('admin/dashboard') }}"><i class="fa fa-home"></i> @lang('messages.Home')</a></li>
                    <li>@lang('messages.Manage Purchase Orders')</li>
                </ul>
            </div>
        </div><!-- media -->
    </div><!-- pageheader -->
    {!!Form::open(array( 'method' =>'post','class'=>'tab-form attribute_form','id'=>'po_search_form'))!!}
    <div class="clearfix form-blk">
        <div class="form-inline">
            <div class="form-group filter-line">
                <label class="control-label pad-rt-15" style="display:block;">@lang('messages.PO Type')</label>
                <div class="input-group pad-rt-15">
                    <select required class="select2 form-control" id="po_type">
                    <option value="">@lang('messages.Select PO Type')</option>
                        <option value="Automatic">@lang('messages.Automatic')</option>
                        <option value="Manual">@lang('messages.Manual')</option>
                    </select>
                </div>
            </div>
            <div class="form-group filter-line" style="margin-top:20px;">
                <button class="btn btn-primary mr5" type="submit" name="submit"
                        title="@lang('messages.Filter')">@lang('messages.Filter')</button>
                <button type="reset" title="@lang('messages.Reset')" class="btn btn-default"
                        onclick="window.location='{{ url('admin/purchase-order/pending') }}'">@lang('messages.Reset')</button>
            </div>
            <div class="buttons_block" style="float: right !important;margin-left: auto;margin-top: 16px;">
             @if(IzoCommonHelper::hasPermission('automatic_po_processing'))
                <div class="btn-group mr5">
                    <a class="btn btn-primary tip" href="javascript:;" id="generate_automatic_po" title="@lang('messages.Automatic PO')">@lang('messages.Automatic PO')</a>
                </div>
             @endif    
             @if(IzoCommonHelper::hasPermission('pending_po_add'))
                <div class="btn-group mr5">
                    <a class="btn btn-primary tip" href="{{ URL::to('admin/purchase-order/pending/create') }}" title="@lang('messages.Add New')">@lang('messages.Add New')</a>
                </div>
             @endif   
            </div>
        </div>


    </div>

    <div class="clearfix"></div>
    {!!Form::close()!!}
    @if (Session::has('message'))
        <div class="admin_sucess_common">
            <div class="admin_sucess">
                <div class="alert alert-info">
                    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">@lang('messages.Close')</span></button>{{ Session::get('message') }}
                </div>
            </div>
        </div>
    @endif
    <div class="clearfix"></div>

    <div class="content">
        <div class="table-responsive">
            {!!Form::open(array('class'=>'form-horizontal','id'=>'purchase_order_list_form'))!!}
    @if(IzoCommonHelper::hasPermission('pending_po_list'))
            <table id="purchaseOrderslist" class="table table-striped table-bordered responsive">
                <thead>
                <tr class="headings">
                    <th>@lang('messages.Purchase Order Id')</th>
                    <th>@lang('messages.Type')</th>
                    <th>@lang('messages.Store Name')</th>
                    <th>@lang('messages.Seller Name')</th>
                    <th>@lang('messages.Seller Mobile')</th>
                    <th>@lang('messages.Created At')</th>
                    <th>@lang('messages.View')</th>
                    <th>@lang('messages.Print')</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="empty-text" colspan="12" style="background-color: #fff!important;">
                        <div class="list-empty-text text-center"> @lang('messages.No records found.') </div>
                    </td>
                </tr>
                </tbody>
    @endif
            </table>
            {{ Form::close() }}

            <div id="myModal" class="modal fade" role="dialog">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Order Products</h4>
                        </div>
                        <div class="modal-body" id="modal-body">
                            <img src="{{ url('images/logo.png') }}" style="width:150px;height:70px;" />
                        </div>
                        <div class="modal-footer"></div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <script type="text/javascript">
        $('#select_all').on('change', function () {
            $('.qc').prop('checked', $(this).prop("checked"));
        });
        $('#po_type').select2();
        $('.qc').change(function () {
            if ($('.qc:checked').length == $('.qc').length) {
                $('#select_all').prop('checked', true);
            } else {
                $('#select_all').prop('checked', false);
            }
        });
        $('#generate_automatic_po').click(function() {
            $('#loader-wrapper').removeClass('loader');
            $('#generate_automatic_po').attr("disabled", true);
            var token, url;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{ url('admin/purchase-order/pending/generate-automatic') }}';
                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    processData: false,
                    contentType: false,
                    type: 'GET',
                    datatype: 'json',
                    success: function (resp) {
                        $('#loader-wrapper').addClass('loader');
                        $('#generate_automatic_po').attr("disabled", false);
                        if (resp.http_code == 400) {
                            err_msg = resp.message.replace(/, \\n /g, '<br>');
                            toastr.error(err_msg);
                        } else if (resp.http_code == 200) {
                            toastr.success(resp.message);
                            var pending_po = '{{ url('admin/purchase-order/pending')}}';
                            $(location).attr('href', pending_po);
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login')}}';
                            $(location).attr('href', login);
                        }
                    }
                });
        });
        $(function () {
            token = $('meta[name="csrf-token"]').attr('content');
            var oTable = $('#purchaseOrderslist').DataTable({
                dom: 'lfrtip',
                search: {
                    'caseInsensitive': true
                },
                "lengthMenu": [[25, 50, 100], [25, 50, 100]],
                processing: true,
                serverSide: true,
                responsive: true,
                autoWidth: true,
                ajax: {
                    url: '{{ URL::to('admin/purchase-order/pending/ajax-list') }}',
                    type: 'POST',
                    data: function (d) {
                        d.po_type = $('#po_type').val();
                    },
                    headers: {
                        'X-CSRF-TOKEN': token
                    }
                },
                "order": [[0, "desc"]],
                "columnDefs": [{
                    "targets": 'no-sort'
                }],
                columns: [
                    {data: 'id', name: 'id', searchable: true, orderable: true},
                    {data: 'order_type', name: 'order_type', searchable: true, orderable: true},
                    {data: 'warehouse_name_en', name: 'warehouse_name_en', searchable: true, orderable: true},
                    {data: 'seller_name', name: 'seller_name', searchable: false, orderable: false},
                    {data: 'seller_mobile_number', name: 'seller_mobile_number', searchable: true, orderable: true},
                    {data: 'created_at', name: 'created_at', orderable: false, searchable: false},
                    {data: 'view', name: 'view', orderable: false, searchable: false},
                    {data: 'print', name: 'print', orderable: false, searchable: false}
                ]
            });
            $('#po_search_form').on('submit', function (e) {
                oTable.draw();
                e.preventDefault();
            });
        });
        function printOrder(purchase_order_id)
        {
            var conf = confirm('Are you sure want to Print Products?');
            if (conf == true) {
                var token, url;
                token = $('meta[name="csrf-token"]').attr('content');
                url = '{{ url('admin/purchase-order/pending/print-order') }}';
                //var status = $('body #warehouse-' + warehouse_id).data("status");
                $.ajax({
                    url: url,
                    headers: {'X-CSRF-TOKEN': token},
                    data: {'purchase_order_id': purchase_order_id},
                    type: 'POST',
                    datatype: 'json',
                    success: function (resp) {
                        if (resp.http_code == 400) {
                            toastr.warning(resp.message);
                        } else if (resp.http_code == 200) {
                            $('.modal-body').html(resp.data);
                            var myWindow = window.open();
                            var printContents = document.getElementById('modal-body').innerHTML;
                            myWindow.document.writeln("<html><head><style>body{font-family:verdana;font-size:12px;}.show-top{display:block}table{width:100%;border-collapse: collapse;border:1px solid #ccc;}td{padding:10px;text-align:left;border-top:1px solid #ccc;text-align:left;font-size:12px;}th{background:#f5f5f5 !important;text-align:left;padding:10px;border-right:1px solid #ccc;font-size:12px;}</style>");
                            myWindow.document.writeln("</head><body>");
                            myWindow.document.writeln("<div>"+printContents+ "</div>");
                            myWindow.document.writeln('</body></html>');
                            myWindow.focus();
                            myWindow.print();
                            myWindow.close();
                        } else if (resp.http_code == 401) {
                            toastr.warning(resp.message);
                            var login = '{{ url('admin/login')}}';
                            $(location).attr('href', login);
                        } else if (resp.http_code == 500) {
                            toastr.warning(resp.message);
                        }
                    }
                });
            }
        }
    </script>
    <style>
    @media print {
        body  {
            font-size: 12pt;
            font-family: verdana;
        }
    }
</style>
@endsection