@extends('layouts.adminLayout.admin_design')

@section('content')
<div class="content-wrapper"> 
    <section class="content-header">
        <h1>{{ $title }}
            @if(Helper::checkAccess('purchase_order_add')) 
            <button type="button" class="clickbtncommon btn btn-primary btn-sm" onClick="addnewpo()">
                <i class="fa fa-plus-circle"></i> {{ __('lbl.add_new') }}
            </button>
            @endif
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }}</a></li>
            <li class="active">{{ $title }}</li>
        </ol>
    </section>
    <section class="content">
        <div class="box box-default">
                <div class="box-tools pull-right">
                    
                </div> 
                <div class="box-body">
                    <table class="table table-bordered" id="purchaseorderlist"> 
                        <thead>
                            <tr>
                                <th>{{ __('lbl.id') }}</th>
                                <th class="text-center">{{ __('lbl.vendor_name') }}</th>
                                <th class="text-center">{{ __('lbl.purchase_order_grand_total') }}</th>
                                <th class="text-center">{{ __('lbl.purchase_order_created_date') }}</th>
                                <!--th>{{ __('lbl.purchase_order_finalized_date') }}</th-->
                                <th class="text-center">{{ __('lbl.purchase_order_finalized_by') }}</th>
                                <th class="text-center">{{ __('lbl.purchase_order_status') }}</th>
                                <th class="text-center">{{ __('lbl.purchase_order_invoice_status') }}</th> 
                                <th>{{ __('lbl.action') }}</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
    </section>

    <div class="modal fade" id="addnewpo">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">{{ __('lbl.create_new_po') }} </h4>
                </div> 
                <div class="modal-body">
                    {{ Form::open(['url' => route('purchaseorder_create'), 'method'=>'POST', 'name' => 'createNewPO', 'id' => 'createNewPO']) }}
                        <div class="row">
                            <div class="col-md-12">
                                <div class="nav-tabs-custom">
                                    <ul class="nav nav-tabs">
                                        <li class="active"><a href="#tab_1" onclick="poType(1)" data-toggle="tab">{{ __('lbl.create_new_po') }}</a></li>
                                        <li><a href="#tab_2" data-toggle="tab" onclick="poType(2)">{{ __('lbl.create_new_po_receive') }}</a></li>
                                    </ul>
                                    <div class="tab-content">
                                        <div class="tab-pane active" id="tab_1">
                                            <div class="box-body">
                                                <div class="form-group">
                                                    <label for="inputEmail3" class="col-sm-3 control-label">{{ __('lbl.vendor_name') }}</label>
                                                    <div class="col-sm-7">
                                                        {!! Form::select('size', !empty($vendor) ? [''=>'Select Vendor']+$vendor : [''=>'Select Vendor'],'',['required','id'=>'selected_vendor_single','class'=>'form-control form-control select2', "style"=>"width: 100%;" ,'name'=>'selected_vendor']) !!}
                                                    </div>
                                                    <div class="col-sm-2">
                                                        <a class="clickbtncommon btn btn-sm btn-primary" href="{{ route('vendors.create') }}"> <i class="fa fa-plus-circle"></i> {{ __('lbl.add_new') }}</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane" id="tab_2">
                                            <div class="box-body">
                                                <div class="form-group">
                                                    <label for="inputEmail3" class="col-sm-3 control-label">{{ __('lbl.vendor_name') }}</label>
                                                    <div class="col-sm-7">
                                                        {!! Form::select('size', !empty($vendor) ? [''=>'Select Vendor'] + $vendor : [''=>'Select Vendor'],'',['required','id'=>'selected_vendor','class'=>'form-control form-control select2', "style"=>"width: 100%;" ,'name'=>'selected_vendor']) !!}
                                                    </div>
                                                    <div class="col-sm-2">
                                                        <a class="clickbtncommon btn btn-sm btn-primary" href="{{ route('vendors.create') }}"> <i class="fa fa-plus-circle"></i> {{ __('lbl.add_new') }}</a>
                                                    </div>
                                                </div><br/>
                                                <div class="form-group">
                                                    <label for="inputEmail3" class="col-sm-3 control-label">{{ __('lbl.vendor_invoice') }}</label>
                                                    <div class="col-sm-7">
                                                        <input type="text" class="form-control" id="vendor_invoice" value="" placeholder="{{ __('lbl.vendor_invoice') }}" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer text-center">
                            <input type="hidden" name="potype" id="potype" value="1" />
                            <button type="button" class="clickbtncommon btn btn-primary pull-left btn-sm" id="next_action">{{ __('lbl.next') }}</button>
                            <button type="button" class="clickbtncommon btn btn-primary pull-left  btn-sm" data-dismiss="modal">{{ __('lbl.close') }}</button>
                        </div>
                    {{ Form::close()}}
                </div>
            </div>
        </div>
    </div>
</div>
{{Form::hidden("purchaseorderindex",route('purchaseorder.index'),['id'=>'purchaseorderindex'])}}
@endsection

@section('pagescript')
{!! Helper::datatablelib('purchaseorder/list.js') !!}
{!! Helper::pagejs(['js/lib/select2/dist/js/select2.full.min.js']) !!}
@stop