@extends('layouts/pos_layout')
@section('title', '|'.$moduleTitle)
@section('style')
<style type="text/css">
    .min-height-textarea{
        min-height: 60px;
    }
</style>
@endsection
@section('content')

<div class="row add-data-form" style="padding-bottom:20px;">
    <div class="col-md-12">
            <div class="col-md-1"></div>
                <div class="col-md-10 fullbody">
                    <div class="viewTitle" style="border-bottom: 1px solid white;">
                        <a href="{{route($module.'_list')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                        </i>{{ $moduleLinkTitle }}</a>
                    </div>
                <div class="panel panel-default panel-border">
                                <div class="panel-heading">
                                    <div class="panel-title">{{ $moduleTitle }}</div>
                                </div>
                    <div class="panel-body">
                    {!! Form::open(array('url' => '', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'purchaseForm')) !!}

                     <div class="row">
                     <div class="col-md-6">

                        <div class="form-group">
                            {!! Form::label('branch_id', 'From Branch:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                                {!! Form::select('branch_id', $branches,null, ['class' => 'form-control', 'id' => 'branch_id','placeholder' => 'Select Branch','required'=>'required']) !!}
                                <p id='branch_ide' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('damages_date', 'Damages Date:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                                {!! Form::text('damages_date', $branch_active_date, ['class' => 'form-control','readonly']) !!}
                                 <p id='gift_date_datee' style="max-height:3px;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('reason', 'Reason:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                                {!! Form::textarea('reason', null, ['class' => 'form-control min-height-textarea', 'id' => 'reason', 'type' => 'textarea','autocomplete'=>'off','style'=>'height:60px;']) !!}
                                 <p id='reasonNoe' style="max-height:3px;"></p>
                            </div>
                        </div>
                       


                    </div>
                    <div class="col-md-6">

                        
                        <div class="form-group">
                            {!! Form::label('total_amount', 'Total Amount:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                                {!! Form::text('total_amount', null, ['class' => 'form-control numeric', 'id' => 'total_amount', 'readonly','min'=>'0']) !!}
                                 <p id='total_amounte' style="max-height:3px; color:red;"></p>
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('total_quantity', 'Total Quantity:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                                {!! Form::number('total_quantity', null, ['class' => 'form-control numeric', 'id' => 'total_quantity', 'readonly','min'=>'0']) !!}
                                 <p id='total_quantitye' style="max-height:3px; color:red;"></p>
                            </div>
                        </div>


                         <div class="form-group">
                            {!! Form::label('total_stock', 'Stock:', ['class' => 'col-sm-4 control-label']) !!}
                            <div class="col-sm-8">
                                {!! Form::text('total_stock', null, ['class' => 'form-control numeric', 'id' => 'total_stock', 'readonly','min'=>'0']) !!}
                                 <p id='total_stocke' style="max-height:3px; color:red;"></p>
                            </div>
                        </div>

                        

                        

                        

                        

                        
                </div>
                </div>
                  <!-- filtering -->
                    <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('group_id', 'Group:', ['class' => 'control-label col-sm-12']) !!}
                                    <div class="col-sm-12">
                                        <select name="group_id" class="form-control input-sm" id="group_id">
                                            <option value="">Select Group</option>
                                            @foreach($group_names as $group)
                                                    <option value="{{$group->id}}">{{$group->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('category_id', 'Category:', ['class' => 'control-label col-sm-12']) !!}
                                    <div class="col-sm-12">
                                        <select name="category_id" class="form-control input-sm" id="category_id">
                                            <option value="">Select Category</option>
                                            @foreach($category_names as $category)
                                                    <option value="{{$category->id}}">{{$category->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('sub_category_id', 'Subcatagory:', ['class' => 'control-label col-sm-12']) !!}
                                    <div class="col-sm-12">
                                        <select name="sub_category_id" class="form-control input-sm" id="sub_category_id">
                                            <option value="">Select Sub Category</option>
                                            @foreach($sub_category_names as $sub_category)
                                                <option value="{{$sub_category->id}}">{{$sub_category->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="form-group">
                                    {!! Form::label('model_id', 'Model:', ['class' => 'control-label col-sm-12']) !!}
                                    <div class="col-sm-12">
                                        <select name="model_id" class="form-control input-sm" id="model_id">
                                            <option value="">Select Model</option>
                                            @foreach($model_names as $model)
                                                <option value="{{$model->id}}">{{$model->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                <!-- filtering end-->

                    <div class="row">
                        <div class="col-md-12">
                            <table id="addProductTable" class="table table-bordered responsive addProductTable">
                                <thead>
                                    <tr class="">
                                        <th style="text-align:center;" class="col-sm-2">Product Name</th>
                                        <th style="text-align:center;" class="col-sm-2">PID/EMEI Number</th>
                                        <th style="text-align:center;" class="col-sm-1">Qty</th>
                                        <th style="text-align:center;" class="col-sm-2">Price</th>
                                        <th style="text-align:center;" class="col-sm-2">Total</th>
                                        <th style="text-align:center;" class="col-sm-1">Remove</th>
                                    </tr>
                                </thead>
                                <tbody id="addProductTableBody">
                                    <tr>
                                        
                                        <td>
                                            <select name="product_id" class="form-control input-sm custom-select2" id="product_id">
                                                <option value="">Select product</option>
                                                @foreach($products as $product)
                                                    <option value="{{$product->id}}">{{$product->barcode}}</option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <!-- <td id='product_name_read_only'></td>
                                        <td id='model_name_read_only'></td> -->
                                        <td>
                                            <select name="product_pid_id" class="form-control input-sm custom-select2" id="product_pid_id">
                                                <option value="">Select PID/EMEI Number</option>
                                                
                                            </select>
                                        </td>
                                        <td class="">
                                            <input type='number' class="form-control input-sm text-center" id='product_qty' name='product_qty[]' value=''  min="1"  readonly />
                                        </td>
                                        <td class="">
                                            <input type='number' class="form-control input-sm text-center" id='product_price' name='product_price[]' value=''  min="1" readonly/>
                                        </td>
                                        <td class="">
                                            <input type='number' class="form-control input-sm text-center" id='total_price' name='total_price[]' value=''  readonly />
                                        </td>
                                        <td><input style='text-align:center;border-radius:0;width:80px;' id='add_product' class='btn btn-primary btn-xs'
                                            type='button' name='add_product' value='Add Product'/>
                                        </td>
                                    </tr>
                                   
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <td style="text-align:right;" colspan="2"><strong>Total Quantity</strong></td>
                                        <td style="text-align:center;" id='totalQuantityFooter'></td>
                                        <td style="text-align:center;" id='productPriceShow' class="hidden"><strong>Total Amount</strong></td>
                                        <td style="text-align:right;"><strong>Total Amount</strong></td>
                                        <td style="text-align:center;" id='proTotalAmountShowFooter' class=""></td>
                                        <td></td>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group" style="margin-top: 20px;">
                                {!! Form::label('submit', ' ', ['class' => 'col-sm-4 control-label']) !!}
                                <div class="col-sm-8 text-right" >
                                    {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']); !!}
                                    <a href="{{route($module.'_list')}}" class="btn btn-danger closeBtn">Close</a>

                                </div>
                            </div>
                        </div>
                    </div>
                    {!! Form::close()  !!}
                    <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
                </div>
             </div>
             <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>



<script>
    $(document).ready(function(){

        $(".numeric").keypress(function (e) {
            $(this).val($(this).val().replace(/[^0-9\.]/g,''));
            if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
                $("#numericError").html("Digits Only").show().fadeOut("slow");
                event.preventDefault();
            }
        });

        $( "#purchase_date" ).datepicker({
            dateFormat: "yy-mm-dd",
            changeMonth: true,
            changeYear: true,
            maxDate: "0"
        });
        $("#purchase_date").datepicker().datepicker("setDate", new Date());

        var i=0;
        $('#add_product').click(function(){
            var testx = '';

            var product_id       = $('#product_id').val();
            var EMEI_name        = $( "#product_pid_id option:selected" ).text();
            var EMEI_val        = $( "#product_pid_id option:selected" ).val();
            var branch_name      = $( "#branch_id option:selected" ).text();
            var product_pid_id   = $( "#product_pid_id option:selected" ).val();
            var product_pid_id   = $( "#product_pid_id option:selected" ).val();
            var product_barcode  = $('#product_id option:selected').text();
            var product_name     = $('#product_name_read_only').text();
            var product_model    = $('#model_name_read_only').text();
            var product_qty      = parseFloat($('#product_qty').val());
            var product_price    = $('#product_price').val();
            var total_price      = $("#total_price").val();
            var csrf = "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/shikkhaplus/public_html/guk_bk/resources/views/pos/transaction/damage/create.blade.php:273
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/pos/transaction/damage/create.blade.php</b> on line <b>273</b><br />