@extends('layouts.template')
@section('content')
<div class="container">
    <div class="row">   
        <h1 class="heading">Expense Update  <a href="{{ url('logistic/dashboard') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a></h1>

        <div class="show_invalid-booking-no alert alert-warning" style="display:none"><p>Invalid Booking Number</p></div>
        <div class="show_no_data_found alert alert-warning" style="display:none"><p>No Data Found in Cargo OR Order</p></div>
        <div class="alert alert-success show_message" style="display:none"></div>
            
        <div class="invoice-form">
            <h1>Supplier Invoice Details</h1>
            {!!Form::open(['class' => 'form-horizontal','id'=>'frm_generate','files' => true])!!}
            <div class="expense-update">
            
                <div class="form-group col-md-3 col-sm-3 {{ $errors->has('supplier_name') ? 'has-error' : ''}}">
                    {!! Form::label('supplier_name', 'Supplier Name', ['for'=>'Supplier Name']) !!}
                    <span class="error"> * </span>
                    <div class="select">
                        {!! Form::select('supplier_name',['' => 'Select Supplier'] + $supplier->toArray() , null, ['class' => 'form-control supplier_id arr']) !!}
                    </div>
                </div>

                <div class="form-group col-md-3 col-sm-3 {{ $errors->has('performa_inovice') ? 'has-error' : ''}}">
                    {!! Form::label('performa_inovice', 'Proforma Invoice', ['for'=>'Proforma Invoice']) !!}
                    {!! Form::text('performa_inovice', null, ['class' => 'form-control performa_invoice']) !!}
                    {!! $errors->first('performa_inovice', '<p class="help-block">:message</p>') !!}
                </div>

                <div class="form-group col-md-3 col-sm-3 {{ $errors->has('invoice_no') ? 'has-error' : ''}}">
                    <!--<label for="Invoice Number">Invoice Number</label>-->
                    {!! Form::label('invoice_no', 'Invoice Number', ['for'=>'Supplier Name']) !!}
                    <span class="error"> * </span>
                    {!! Form::text('invoice_no', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('invoice_no', '<p class="help-block">:message</p>') !!}
                </div>

                <div class="form-group col-md-3 col-sm-3 {{ $errors->has('inovice_date') ? 'has-error' : ''}}">
                    <!--                    <label for="Invoice Date">Invoice Date</label>-->
                    {!! Form::label('inovice_date', 'Invoice Date', ['for'=>'Invoice date']) !!}
                    <span class="error"> * </span>
                    {!! Form::date('inovice_date', null, ['id' => 'datepicker','class' => 'form-control']) !!}
                    {!! $errors->first('inovice_date', '<p class="help-block">:message</p>') !!}
                    <div class="help-block with-errors"></div> 
                </div>

                <div class="form-group col-md-3 col-sm-3 {{ $errors->has('total_amount_usd') ? 'has-error' : ''}}">
                    <!--<label for="Total Amount USD">Total Amount USD</label>-->
                    {!! Form::label('total_amount_usd', 'Total Amount USD', ['for'=>'Total Amount USD']) !!}
                    <span class="error"> * </span>
                    {!! Form::text('total_amount_usd', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('total_amount_usd', '<p class="help-block">:message</p>') !!}
                </div>

                <div class="form-group col-md-3 col-sm-3 {{ $errors->has('roe') ? 'has-error' : ''}}">
                    {!! Form::label('roe', 'ROE', ['for'=>'Invoice Number']) !!}
                    <span class="error"> * </span>
                    {!! Form::text('roe', null, ['class' => 'form-control']) !!}
                    {!! $errors->first('roe', '<p class="help-block">:message</p>') !!}
                </div>

                <div class="form-group col-md-3 col-sm-3 {{ $errors->has('total_amount_mzm') ? 'has-error' : ''}} total_amount_mzm_show" >
                    {!! Form::label('total_amount_mzm', 'Total Amount MZM', ['for'=>'Total Amount MZM']) !!}
                    <span class="error"> * </span>
                    {!! Form::text('total_amount_mzm', null, ['class' => 'form-control','Disabled']) !!}
                    {!! $errors->first('total_amount_mzm', '<p class="help-block">:message</p>') !!}
                </div>

                <div class="form-group col-md-12 col-sm-12 submit-btn">
                    {!!Form::button('generate',['class'=>'generate_expenses_details'])!!}
                </div>

                <div class="clearfix"></div>
            </div>
        {!!Form::close()!!}
        {!!Form::open(['class' => 'form-horizontal','id'=>'frm_expense','files' => true])!!}
            <div class="expenses-details" style='display:none;'>
                <div class="clearfix"></div>
                <h1>expenses details <span style="float:right;"><a style="color:white !important;" href="javascript:void(0);" class="add_record">Add Record</a></span></h1>
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Customer </th>       
                                <th>Order No</th>       
                                <th>BL No</th>        
                                <th>Invoice</th>      
                                <th>Charge</th>
                                <th>Unit</th>
                                <th>Quantity</th>
                                <th>Unit Price</th>
                                <!-- <th>Size</th>       
                                <th>Type</th>       -->   
                                <th>Packaging </th>         
                                <th>Tons</th>          
                                <th>Sub Total</th>
                            </tr>
                        </thead>
                        <tbody class="t_body_show_generate">
                            <input type="hidden" id="grandQuantity" value="">
                        </tbody>
                    </table>
                </div>
            
                <div class="tax-form">
                    <div class="form-group">
                        {!! Form::label('tax_amount', 'Tax Amount', ['for'=>'Tax Amount']) !!}
                        {!! Form::text('tax_amount', null, ['id'=>'tax_amount','class' => 'form-control','Disabled']) !!}
                        {!! $errors->first('tax_amount', '<p class="help-block">:message</p>') !!}
                    </div>

                    <div class="form-group">
                        {!! Form::label('discount_per', 'Discount %', ['for'=>'Total Amount USD']) !!}
                        {!! Form::text('discount_per','0', ['id'=>'discount_per','class' => 'form-control discount']) !!}
                        {!! Form::text('discount_per_amount', null, ['id'=>'discount_per_amount','class' => 'form-control discount-box','Disabled']) !!}
                        {!! $errors->first('discount_per', '<p class="help-block">:message</p>') !!}
                    </div>

                    <div class="form-group">
                        {!! Form::label('total_invoice_amt', ' Total Invoice Amount', ['for'=>'Total Amount USD']) !!}
                        {!! Form::text('total_invoice_amt', null, ['class' => 'form-control','id'=>'total_amount_usd_generate','Disabled']) !!}
                        <span class="error"> * </span>
                        {!! $errors->first('total_invoice_amt', '<p class="help-block">:message</p>') !!}
                    </div>
                </div>

                <div class="form-group col-md-12 col-sm-12 submit-btn">
                    {!!Form::submit('save',['class'=>'generate_supplier-name'])!!}
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="supplier-name" style="display:none;">
                <h1>Supplier Record</h1>
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th> Supplier Id  </th>                    
                                <th> Proforma Invoice  </th>               
                                <th> Invoice Number  </th>               
                                <th> Invoice date  </th>                
                                <th> Amount USD </th>                
                                <th> Amount MZM </th>                
                                <th> Status </th>
                            </tr>
                        </thead>
                        <tbody class="t_body_show_listing">
                        </tbody>
                    </table>
                </div>
            </div>
         {!!Form::close()!!}
        </div>
    </div>
</div>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script>
    var availableTags = {!! json_encode($b_number) !!};
    var url_inser = "{{URL::to('logistic/expense/create')}}";
    var orderurl = "{{URL::to('logistic/expense/getOrderNos')}}";
    var url = "{{URL::to('logistic/expense/getBookingNo_details')}}";
    var uniturl = "{{URL::to('logistic/expense/getunitdetails')}}";
    var _token = "{{ csrf_token() }}";
    // $(document).ready(function(){
    //     $(".b_no").autocomplete({
    //         source: availableTags
    //     });
    // });
</script>
<script type="text/javascript" src="{{asset('app/js/expense-update.js')}}"></script>

@endsection