@extends('backend.layout.main') @section('content')

<x-error-message key="not_permitted" />
<x-validation-error fieldName="product_code" />
<x-validation-error fieldName="qty" />

<section class="forms">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <h4>{{__('db.Add Purchase')}}</h4>
                <p class="italic"><small>{{__('db.The field labels marked with are required input fields')}}.</small></p>
                
                <form action="{{ route('purchases.store') }}" method="POST" enctype="multipart/form-data" id="purchase-form">
                    @csrf
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>{{__('db.date')}}</label>
                                        <input type="text" name="created_at" class="form-control date" placeholder="{{__('db.Choose date')}}" value="{{date($general_setting->date_format,strtotime('now'))}}"/>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>
                                            {{__('db.Reference No')}}
                                        </label>
                                        <input type="text" name="reference_no" class="form-control" />
                                    </div>
                                    <x-validation-error fieldName="reference_no" />
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>{{__('db.Warehouse')}} *</label>
                                        <select name="warehouse_id" class="selectpicker form-control" data-live-search="true" title="Select warehouse..." required>
                                            @foreach($lims_warehouse_list as $warehouse)
                                            <option value="{{$warehouse->id}}">{{$warehouse->name}}</option>
                                            @endforeach
                                        </select>
                                        <x-validation-error fieldName="warehouse_id" />
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>{{__('db.Supplier')}}</label>
                                        <select name="supplier_id" id="supplier-select" class="selectpicker form-control" data-live-search="true" title="Select supplier...">
                                            @foreach($lims_supplier_list as $supplier)
                                            <option value="{{$supplier->id}}"
                                                    data-pay-term-no="{{$supplier->pay_term_no ?? ''}}"
                                                    data-pay-term-period="{{$supplier->pay_term_period ?? 'days'}}">
                                                {{$supplier->name .' ('. $supplier->company_name .')'}}
                                            </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                {{-- Payment Terms --}}
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>{{ __('db.payment_term') }}</label>
                                        <div class="d-flex">
                                            <input type="number"
                                                id="pay_term_no"
                                                name="pay_term_no"
                                                class="form-control"
                                                placeholder="e.g. 30">
                                            <select name="pay_term_period" id="pay_term_period" class="form-control ml-2">
                                                <option value="days">{{ __('db.days') }}</option>
                                                <option value="months">{{ __('db.months') }}</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                {{-- Due Date --}}
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>{{ __('db.due_date') }}</label>
                                        <input type="text"
                                            name="due_date"
                                            id="due_date"
                                            class="form-control date"
                                            placeholder="{{ __('db.Choose date') }}"
                                            readonly>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>{{__('db.Purchase Status')}}</label>
                                        <select name="status" class="form-control">
                                            <option value="1">{{__('db.Recieved')}}</option>
                                            <option value="2">{{__('db.Partial')}}</option>
                                            <option value="3">{{__('db.Pending')}}</option>
                                            <option value="4">{{__('db.Ordered')}}</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>{{__('db.Attach Document')}}</label> <i class="dripicons-question" data-toggle="tooltip" title="Only jpg, jpeg, png, gif, pdf, csv, docx, xlsx and txt file is supported"></i>
                                        <input type="file" name="document" class="form-control" >
                                        @if($errors->has('extension'))
                                            <span>
                                                <strong>{{ $errors->first('extension') }}</strong>
                                            </span>
                                        @endif
                                        <x-validation-error fieldName="document" />
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label>{{__('db.Currency')}} *</label>
                                        <select name="currency_id" id="currency-id" class="form-control selectpicker" data-toggle="tooltip" title="">
                                            @foreach($currency_list as $currency_data)
                                            <option value="{{$currency_data->id}}" data-rate="{{$currency_data->exchange_rate}}" @if($currency_data->exchange_rate == 1){{'checked'}}@endif>{{$currency_data->code}}</option>
                                            @endforeach
                                        </select>
                                        <x-validation-error fieldName="currency_id" />
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group mb-0">
                                        <label>{{__('db.Exchange Rate')}} *</label>
                                    </div>
                                    <div class="form-group d-flex">
                                        <input class="form-control" type="text" id="exchange_rate" name="exchange_rate" value="{{$currency->exchange_rate}}">
                                        <div class="input-group-append">
                                            <span class="input-group-text" data-toggle="tooltip" title="" data-original-title="currency exchange rate">i</span>
                                        </div>
                                        <x-validation-error fieldName="exchange_rate" />
                                    </div>
                                </div>
                                @foreach($custom_fields as $field)
                                    @if(!$field->is_admin || \Auth::user()->role_id == 1)
                                        <div class="{{'col-md-'.$field->grid_value}}">
                                            <div class="form-group">
                                                <label>{{$field->name}}</label>
                                                @if($field->type == 'text')
                                                    <input type="text" name="{{str_replace(' ', '_', strtolower($field->name))}}" value="{{$field->default_value}}" class="form-control" @if($field->is_required){{'required'}}@endif>
                                                @elseif($field->type == 'number')
                                                    <input type="number" name="{{str_replace(' ', '_', strtolower($field->name))}}" value="{{$field->default_value}}" class="form-control" @if($field->is_required){{'required'}}@endif>
                                                @elseif($field->type == 'textarea')
                                                    <textarea rows="5" name="{{str_replace(' ', '_', strtolower($field->name))}}" value="{{$field->default_value}}" class="form-control" @if($field->is_required){{'required'}}@endif></textarea>
                                                @elseif($field->type == 'checkbox')
                                                    <br>
                                                                                                        @foreach($option_values as $value)
                                                        <label>
                                                            <input type="checkbox" name="{{str_replace(' ', '_', strtolower($field->name))}}[]" value="{{$value}}" @if($value == $field->default_value){{'checked'}}@endif @if($field->is_required){{'required'}}@endif> {{$value}}
                                                        </label>
                                                        &nbsp;
                                                    @endforeach
                                                @elseif($field->type == 'radio_button')
                                                    <br>
                                                                                                        @foreach($option_values as $value)
                                                        <label class="radio-inline">
                                                            <input type="radio" name="{{str_replace(' ', '_', strtolower($field->name))}}" value="{{$value}}" @if($value == $field->default_value){{'checked'}}@endif @if($field->is_required){{'required'}}@endif> {{$value}}
                                                        </label>
                                                        &nbsp;
                                                    @endforeach
                                                @elseif($field->type == 'select')
                                                                                                        <select class="form-control" name="{{str_replace(' ', '_', strtolower($field->name))}}" @if($field->is_required){{'required'}}@endif>
                                                        @foreach($option_values as $value)
                                                            <option value="{{$value}}" @if($value == $field->default_value){{'selected'}}@endif>{{$value}}</option>
                                                        @endforeach
                                                    </select>
                                                @elseif($field->type == 'multi_select')
                                                                                                        <select class="form-control" name="{{str_replace(' ', '_', strtolower($field->name))}}[]" @if($field->is_required){{'required'}}@endif multiple>
                                                        @foreach($option_values as $value)
                                                            <option value="{{$value}}" @if($value == $field->default_value){{'selected'}}@endif>{{$value}}</option>
                                                        @endforeach
                                                    </select>
                                                @elseif($field->type == 'date_picker')
                                                    <input type="text" name="{{str_replace(' ', '_', strtolower($field->name))}}" value="{{$field->default_value}}" class="form-control date" @if($field->is_required){{'required'}}@endif>
                                                @endif
                                            </div>
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12 mt-3">
                                    <label>{{__('db.Select Product')}}</label>
                                    <div class="search-box input-group">
                                        <button class="btn btn-secondary"><i class="fa fa-barcode"></i></button>
                                        <input type="text" name="product_code_name" id="lims_productcodeSearch" placeholder="{{__('db.Please type product code and select')}}" class="form-control" />

                                    </div>
                                </div>
                            </div>
                            <div class="row mt-4">
                                <div class="col-md-12">
                                    <h5>{{__('db.Order Table')}} *</h5>
                                    <div class="table-responsive mt-3">
                                        <table id="myTable" class="table table-hover order-list">
                                            <thead>
                                                <tr>
                                                    <th style="min-width: 30%">{{__('db.product')}}</th>
                                                    <th>{{__('db.Quantity')}}</th>
                                                    <th class="recieved-product-qty d-none">{{__('db.Recieved')}}</th>
                                                    <th>{{__('db.Net Unit Cost')}}</th>
                                                    <th>{{__('db.Profit Margin')}}</th>
                                                    <th>{{__('db.profit_margin_type')}}</th>
                                                    <th>{{__('db.Product Price')}}</th>
                                                    <th>{{__('db.Discount')}}</th>
                                                    <th>{{__('db.Tax')}}</th>
                                                    <th>{{__('db.Subtotal')}}</th>
                                                    <th><i class="dripicons-trash"></i></th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                            <tfoot class="tfoot active">
                                                <th>{{__('db.Total')}}</th>
                                                <th id="total-qty">0</th>
                                                <th class="recieved-product-qty d-none"></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th></th>
                                                <th id="total-discount">{{number_format(0, $general_setting->decimal, '.', '')}}</th>
                                                <th id="total-tax">{{number_format(0, $general_setting->decimal, '.', '')}}</th>
                                                <th id="total">{{number_format(0, $general_setting->decimal, '.', '')}}</th>
                                                <th><i class="dripicons-trash"></i></th>
                                            </tfoot>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <input type="hidden" name="total_qty" />
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <input type="hidden" name="total_discount" />
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <input type="hidden" name="total_tax" />
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <input type="hidden" name="total_cost" />
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <input type="hidden" name="profit_margin" />
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <input type="hidden" name="profit_margin_type" />
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <input type="hidden" name="product_price" />
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <input type="hidden" name="item" />
                                        <input type="hidden" name="order_tax" />
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <input type="hidden" name="grand_total" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card">
                        <div class="card-body">
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>{{__('db.Order Tax')}}</label>
                                        <select class="form-control" name="order_tax_rate">
                                            <option value="0">{{__('db.No Tax')}}</option>
                                            @foreach($lims_tax_list as $tax)
                                            <option value="{{$tax->rate}}">{{$tax->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>
                                            <strong>{{__('db.Discount')}}</strong>
                                        </label>
                                        <input type="number" name="order_discount" class="form-control" step="any" />
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>
                                            <strong>{{__('db.Shipping Cost')}}</strong>
                                        </label>
                                        <input type="number" name="shipping_cost" class="form-control" step="any" />
                                    </div>
                                </div>
                            </div>
                            <div class="row mt-3">
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>{{__('db.Payment Status')}} *</label>
                                        <select name="payment_status" id="payment_status" class="form-control">
                                            <option value="1">{{__('db.Due')}}</option>
                                            <option value="3">{{__('db.Partial')}}</option>
                                            <option value="4">{{__('db.Paid')}}</option>
                                        </select>
                                        <x-validation-error fieldName="payment_status" />
                                    </div>
                                </div>