@extends('accounts.layouts.admin')

@section('title', trans('general.title.new', ['type' => trans_choice('general.invoices', 1)]))
<style>
 .card-DboardStats {
    width: 140px !important;
    min-height: 45px !important;
    margin: 0px !important;
    padding: 0px !important;
}
 .custom-control {display:inline-block !important; min-height:0 !important;padding-left:9.2rem !important;}
.custom-control.overflow-checkbox .overflow-control-indicator {
  
    position: absolute;
    top: 8px !important;
    left: 6px !important;
   
}
 </style>
@section('content')
<!-- Default box -->
{!! Form::open(['url' => 'incomes/invoices', 'files' => true, 'role' => 'form']) !!}
    <div class="card">
        
        <div class="row">


            <div class="col-lg-3 col-md-4 col-sm-4 {{ $errors->has('customer_id') ? 'has-error' : ''}}">
                <div class="row">
                    <div class="col-lg-10 col-md-10 col-sm-10 pr-0">
                        <div class="add-cust">
                        <small> Customer</small>
                        <select id="customer_id" name="customer_id"  class="selectpicker"tabindex="-98" data-live-search="true" required>
                              @include('accounts.common.subloop', ['name' => trans('general.form.select.field', ['field' => 'Customers'])])     
                        </select>
                        {!! $errors->first('customer_id', '<p class="help-block">:message</p>') !!}
                       </div>
                   </div>
                    <div class="col-lg-2 col-md-2 col-sm-2 pr-0">
                        <div class="add-bttn pr-0">
                         <button type="button" data-toggle="modal" data-target="#modal-create-customer"   class="btn btn-xs btn-primary" data-original-title="Add"><i class="material-icons" style="font-size:14px;">add </i></button>
                        </div>
                    </div>
                </div>
            </div> 
            {!!   Form::hidden('customer_invoice_parent_id',null,['id' => 'customer_invoice_parent_id'])   !!}

            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="form-group">
                        <input class="form-control"  name="customer_email" id="customer_email" type="text">
                        <label for="customer_email" class="form-label">Email</label>
                        <span class="form-controlBrd"></span>
                    <div class="help-block">
                        <div class="custom-controls-stacked d-block" style="position: absolute; top: 50px;left: 0;">
                            <label class="custom-control overflow-checkbox" >
                            <input type="checkbox" name="sendlater" id="sendlater" value="1" class="overflow-control-input">
                            <span class="overflow-control-indicator" style="top:2px;"></span> <span class="overflow-control-description"> Send Later</span><a href="#"  data-toggle="modal" data-target="#modal-another-email" > Cc <span id="cc_count" style="display: none"></span>/Bcc <span id="bcc_count" style="display: none"></span></a>  </label>
                        </div> 
                         
                        <input type="hidden" name="cc_email" id="cc_email">
                        <input type="hidden" name="bcc_email" id="bcc_email">
                    </div>
                </div>
            </div>
               {{--  {{ Form::textGroup('customer_email', trans('general.email'), 'envelope', []) }} --}}

            {!! Form::hidden('currency_code', setting('general.default_currency') , ['id' => 'currency_code']) !!}
          
            <div class="col-lg-3 col-md-4 col-sm-6  {{ $errors->has('net_term') ? 'has-error' : ''}}">
                <div class="row">
                    <div class="col-md-10 pr-0">
                        <div class="add-cust">
                            <small>Terms</small>
                            {!! Form::select('net_term', $terms,null, array_merge(['id'=>'net_term','class' => 'selectpicker', 'placeholder' => trans('general.form.select.field', ['field' => trans_choice('general.net_term', 1)]),'required','data-live-search'=>'true' ] )) !!}  
                            {!! $errors->first('net_term', '<p class="help-block">:message</p>') !!}       
                        </div> 
                    </div> 
                    <div class="col-md-2 pl-0 pr-0">
                        <div class="add-bttn">
                         <button type="button" data-toggle="modal" id="modal-create-term-button" data-target="#modal-create-term"   class="btn btn-xs btn-primary" data-original-title="Add"><i class="material-icons" style="font-size:14px;padding:0px;">add </i></button>
                        </div>
                    </div>
                </div>
            </div>



            {{ Form::textGroup('invoice_number', trans('invoices.invoice_number'), 'file-text-o', ['required' => 'required'], $number) }}

            {{ Form::textGroup('invoiced_at', trans('invoices.invoice_date'), 'calendar',['id' => 'invoiced_at', 'class' => 'form-control', 'required' => 'required', 'data-inputmask' => '\'alias\': \'yyyy/mm/dd\'', 'data-mask' => '' ], Date::now()->format($date_format) ) }}            

            {{ Form::textGroup('due_at', trans('invoices.due_date'), 'calendar',['id' => 'due_at', 'class' => 'form-control', 'required' => 'required', 'data-inputmask' => '\'alias\': \'yyyy/mm/dd\'', 'data-mask' => '']) }}
        </div>
        <div class="row">

            <div class="col-lg-6 col-md-6 col-sm-6">
                <div class="form-groupTextArea">
                    <textarea class="form-ControlTextArea"  rows="3" name="address" cols="50" id="address"></textarea>
                    <label for="address" class="form-label">{{trans('general.billingaddress')}}</label>
                    <span class="form-controlBrd"></span>
                </div>
            </div>
            

            <div class="col-lg-6 col-md-6 col-sm-6">
                <div class="form-groupTextArea">
                {{ Form::textarea('shipping_address', null ,['class'=>'form-ControlTextArea shipping_address' , 'id'=> 'shipping_address' ,'rows' => 3]) }}
                <label for="shipping_address" class="form-label">Shipping Address</label>
                 <span class="form-controlBrd"></span>
                </div>
            </div>
        </div>
        <input type="hidden" id="customer_timesheet">
    </div> 
    {{-- Timesheet Display --}}
    <div id="time_card" >
    
         
    </div>
    {{-- Timesheet Hours  Display --}}
    <div id="timesheetdetails" >
  
        <table class="table table-bordered tabl-input table-striped">
            <thead>
                <tr>
                    <th width="10%"></th>
                    <th width="10%">Mon</th>
                    <th width="10%">Tue</th>
                    <th width="10%">Wed</th>
                    <th width="10%">Thu</th>
                    <th width="10%">Fri</th>
                    <th width="10%">Sat</th>
                    <th width="10%">Sun</th>
                    <th width="10%">Total</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th width="8%">Week 1</th>
                    <td width="12%">
                        <div class="card-DboardStats flex-column  text-center"> 
                            
                                <label class="custom-control overflow-checkbox">
                                   <input type="checkbox" name="approvetimesheet[]" id="monday_2" value="8" class="overflow-control-input"> 
                                   <span class="overflow-control-indicator"></span>
                                   <span class="overflow-control-description"></span> 
                                </label>
                         
                            <span class="inv-amount">8:00 REG</span>
                            <span class="inv-text">09-09-2019</span> 
                        </div> 
                    </td>
                    <td width="12%">
                        <div class="card-DboardStats flex-column  text-center"> 
                            
                                <label class="custom-control overflow-checkbox">
                                   <input type="checkbox" name="approvetimesheet[]" id="monday_2" value="8" class="overflow-control-input"> 
                                   <span class="overflow-control-indicator"></span>
                                   <span class="overflow-control-description"></span> 
                                </label>
                         
                            <span class="inv-amount">8:00 REG</span>
                            <span class="inv-text">09-09-2019</span> 
                        </div>
                    </td>
                    <td width="12%">
                        <div class="card-DboardStats flex-column  text-center"> 
                            
                                <label class="custom-control overflow-checkbox">
                                   <input type="checkbox" name="approvetimesheet[]" id="monday_2" value="8" class="overflow-control-input"> 
                                   <span class="overflow-control-indicator"></span>
                                   <span class="overflow-control-description"></span> 
                                </label>
                         
                            <span class="inv-amount">8:00 REG</span>
                            <span class="inv-text">09-09-2019</span> 
                        </div>
                    </td>
                    <td width="12%">
                        <div class="card-DboardStats flex-column  text-center"> 
                            
                                <label class="custom-control overflow-checkbox">
                                   <input type="checkbox" name="approvetimesheet[]" id="monday_2" value="8" class="overflow-control-input"> 
                                   <span class="overflow-control-indicator"></span>
                                   <span class="overflow-control-description"></span> 
                                </label>
                         
                            <span class="inv-amount">8:00 REG</span>
                            <span class="inv-text">09-09-2019</span> 
                        </div>
                    </td>
                    <td width="12%">
                        <div class="card-DboardStats flex-column  text-center"> 
                            
                                <label class="custom-control overflow-checkbox">
                                   <input type="checkbox" name="approvetimesheet[]" id="monday_2" value="8" class="overflow-control-input"> 
                                   <span class="overflow-control-indicator"></span>
                                   <span class="overflow-control-description"></span> 
                                </label>
                         
                            <span class="inv-amount">8:00 REG</span>
                            <span class="inv-text">09-09-2019</span> 
                        </div>
                    </td>
                    <td width="12%">
                        <div class="card-DboardStats flex-column  text-center"> 
                            
                                <label class="custom-control overflow-checkbox">
                                   <input type="checkbox" name="approvetimesheet[]" id="monday_2" value="8" class="overflow-control-input"> 
                                   <span class="overflow-control-indicator"></span>
                                   <span class="overflow-control-description"></span> 
                                </label>
                         
                            <span class="inv-amount">8:00 REG</span>
                            <span class="inv-text">09-09-2019</span> 
                        </div>
                    </td>
                    <td width="12%">
                        <div class="card-DboardStats flex-column  text-center"> 
                            
                                <label class="custom-control overflow-checkbox">
                                   <input type="checkbox" name="approvetimesheet[]" id="monday_2" value="8" class="overflow-control-input"> 
                                   <span class="overflow-control-indicator"></span>
                                   <span class="overflow-control-description"></span> 
                                </label>
                         
                            <span class="inv-amount">8:00 REG</span>
                            <span class="inv-text">09-09-2019</span> 
                        </div>
                    </td>
                    <td width="8%">
                        
                    </td>
                </tr>
            </tbody>
        </table>
           
    </div>
    
    <div class=" ">
        <h3 class="item-title">Items</h3>
        <div class="">
            <table class="table table-bordered tabl-input table-striped" id="items">
              <thead>
                    <tr style="background-color: #f9f9f9;">
                        <th width="5%">{{ trans('general.actions') }}</th>
                        <th width="25%">{{ trans('general.name') }}</th>
                        <th width="25%">{{ trans('general.description') }}</th>
                        <th width="15%">{{ trans('invoices.quantity') }}</th>
                        <th width="15%">{{ trans('invoices.price') }}</th>
                        <th width="15%">{{ trans('invoices.total') }}</th>
                    </tr>
                </thead>
                <tbody>
                    
                                        <tr id="item-row-{{ $item_row }}">
                        <td>
                            <button type="button" onclick="$('#item-row-{{ $item_row }}').remove(); totalItem();" data-toggle="tooltip" title="{{ trans('general.delete') }}" class="btn btn-xs  btn-outline-danger btn-circle-iconic btn34"><i class="material-icons" >delete </i></button>
                        </td>
                       <td >
                           <select onchange="autoItem({{ $item_row }})" id="item-id-{{ $item_row }}" required="required" class="selectpicker" name="item[{{ $item_row }}][item_id]"  data-live-search="true" >
                                @include('accounts.common.subitem',['name' => trans('general.form.select.field', ['field' => trans_choice('general.items', 1)]) ])
                            </select>
                            <input class="form-control"   name="item[{{ $item_row }}][name]" type="hidden" id="item-name-{{ $item_row }}">
                            
                            
                            <input class="form-control"   name="item[{{ $item_row }}][chartid]" type="hidden" id="item-chartid-{{ $item_row }}">
                        </td>
                        <td>
                            <div class="form-group">
                                <input class="form-control" required="required" name="item[{{ $item_row }}][description]" type="text" id="item-description-{{ $item_row }}">
                                <label class="form-label">{{  trans('general.description') }} </label>
                                <span class="form-controlBrd"></span>
                            </div>
                            
                        </td>
                       <td>
                            <div class="form-group">
                                <input class="form-control" required="required" name="item[{{ $item_row }}][quantity]" type="text" id="item-quantity-{{ $item_row }}">
                                <label class="form-label">Quantity</label>
                                <span class="form-controlBrd"></span>
                            </div>
                        </td>
                        <td>
                            <div class="form-group">
                            <input class="form-control price"  required="required" name="item[{{ $item_row }}][price]" type="text" id="item-price-{{ $item_row }}">
                             <label class="form-label">Price</label>
                            <span class="form-controlBrd"></span>
                        </div>

                           
                        </td>
                        <td>
                            <span id="item-total-{{ $item_row }}">0</span>
                        </td>
                    </tr>
                                        <tr id="addItem">
                        <td><button type="button" onclick="addItem();" data-toggle="tooltip" title="{{ trans('general.add') }}" class="btn btn-xs  btn-outline-info btn-circle-iconic btn34" data-original-title="{{ trans('general.add') }}"><i class="material-icons">add </i></button></td>
                        <td class="text-right" colspan="5"></td>
                    </tr>
                    <tr>
                        <td class="text-right" colspan="5"><strong>{{ trans('invoices.sub_total') }}</strong></td>
                        <td class="text-right"><span id="sub-total">0</span></td>
                    </tr>
                    <tr>
                        <td class="text-right" colspan="5"><strong>{{ trans('invoices.total') }}</strong></td>
                        <td class="text-right"><span id="grand-total">0</span></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    {{ Form::textareaGroup('notes', trans_choice('general.notes', 2)) }}

    {{ Form::fileGroup('attachment', trans('general.attachment')) }}


    <div class="col-md-12">
        <div class="form-group no-margin text-right">
            <button class="btn mr-3 btn-default waves-effect waves-gray" type="reset"> Reset</button>
            <a href="{{ url('incomes/invoices') }}" class="btn mr-3 btn-default waves-effect waves-gray">Cancel</a>
            <button type="submit" class="btn btn-primary waves-effect waves-light">Save</button>
        </div>
    </div> 

   {{--  {{ Form::saveButtons('incomes/invoices') }} --}}

    <!-- /.box-footer -->
{!! Form::close() !!}

<!-- Create Customer Model -->
<div class="modal fade" id="modal-create-customer"  >
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">{{ trans('general.title.new', ['type' => trans_choice('general.customers', 1)]) }}</h4>
            </div>
            <div class="modal-body">
            {!! Form::open(['id' => 'form-create-customer', 'role' => 'form']) !!}
                <div class="row">
                    <div class="col-md-6">    
                        <div class="form-group  required">
                          <input class="form-control"  required name="name" type="text" id="name">
                          <label class="form-label">{{ trans('general.name') }}</label>
                          <span class="form-controlBrd"></span>
                          <div class="help-block with-errors"></div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                             <input class="form-control" required name="customer_email" type="text" id="email">
                             <label for="email" class="form-label">{{ trans('general.email') }}</label>
                             <span class="form-controlBrd"></span>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group required">
                             <small>{{  trans_choice('general.net_term', 1) }} </small>
                             {!! Form::select('net_term', $terms, null, array_merge(['class' => 'selectpicker net_term','id'=>'net_term_model','data-live-search'=>'true' ,'placeholder' => trans('general.form.select.field', ['field' => trans_choice('general.net_term', 1)])])) !!}
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group ">
                            <input class="form-control"  name="phone" id="phone" type="text">
                            <label for="phone" class="form-label">Phone</label>
                            <span class="form-controlBrd"></span>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group ">
                           <div class="custom-controls-stacked d-block">
                                <label class="custom-control overflow-checkbox" >
                                <input type="checkbox"  name="subcustomer" id="subcustomer" value="1" class="overflow-control-input">
                                <span class="overflow-control-indicator"></span> <small >  Is sub-customer</small> </label>
                            </div>
                            <select id="customer_id_save" name="customer_id_save"  class="selectpicker"  data-live-search="true" disabled="disabled">
                                <option value="" selected="">- Select Sub Customer -</option>