@extends('layouts.master')
@section('title')
    {{ translate('add check_in') }}
@endsection

@section('content')
    <div class="panel panel-white">
        <div class="panel-heading">
            <h6 class="panel-title">{{ translate('add check_in') }}</h6>

            <div class="heading-elements">

            </div>
        </div>
        {!! Form::open(array('url' => url('check_in/store'), 'method' => 'post','class'=>'', 'name' => 'form',"enctype"=>"multipart/form-data")) !!}
        <div class="panel-body">
            <div class="row">
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('date',translate('date'),array('class'=>'')) !!}
                        {!! Form::text('date',date("Y-m-d"), array('class' => 'form-control date-picker', 'placeholder'=>"",'required'=>'required')) !!}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('supplier_id',translate('supplier'),array('class'=>'')) !!}
                        {!! Form::select('supplier_id',$suppliers,null, array('class' => 'form-control select2', 'placeholder'=>"",'required'=>'required')) !!}
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        {!! Form::label('warehouse_id',translate('warehouse'),array('class'=>'')) !!}
                        {!! Form::select('warehouse_id',$warehouses,null, array('class' => 'form-control select2', 'placeholder'=>"",'required'=>'required')) !!}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group">
                        {!! Form::label('products',translate('product'),array('class'=>'')) !!}
                        {!! Form::select('products',$products,null, array('class' => 'form-control select2', 'placeholder'=>translate('select').' '.translate('product'),'id'=>'products')) !!}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 ">
                    <h4>{{translate('order item')}}</h4>
                    <div class="table-responsive">
                        <table class="table table-bordered " id="items_table">
                            <thead>
                            <tr>
                                <th><strong>{{translate('item')}}</strong></th>
                                <th><strong>{{translate('qty')}}</strong></th>
                                <th><strong>{{translate('unit_cost')}}</strong></th>
                                <th><strong>{{translate('total')}}</strong></th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody id="items_area">

                            </tbody>
                            <tfoot>
                            <tr>
                                <td colspan="3" class="text-right"><strong>{{translate('total')}}</strong>
                                </td>
                                <td>
                                    <div class="total_amount"></div>
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td colspan="3" class="text-right"><strong>{{translate('paid')}}</strong>
                                </td>
                                <td>
                                    <input type="text" class="form-control touchspin" value="" name="paid"
                                           id=""/>
                                </td>
                                <td></td>
                            </tr>
                            <tr>
                                <td colspan="3" class="text-right">
                                    <strong>{{translate('payment method')}}</strong>
                                </td>
                                <td>
                                    {!! Form::select('payment_method_id',$payment_methods,null, array('class' => 'form-control', 'placeholder'=>"")) !!}
                                </td>
                                <td></td>
                            </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="panel-footer">
            <button type="submit" class="btn btn-primary pull-right" name="save_return"
                    value="save_return">{{ translate('save') }}
            </button>
        </div>
    {!! Form::close() !!}
    <!-- /.panel-body -->
    </div>
    <!-- /.box -->
@endsection
@section('footer-scripts')
    <script>
        $(document).ready(function (e) {

            $('#products').change(function (e) {
                if ($('#products').val() != "") {
                    $.ajax({
                        type: 'GET',
                        url: "{!!  url('check_in') !!}/" + $('#products').val() + "/get_product_data",
                        success: function (data) {
                            $("#items_area").append(data);
                            doCalc();
                        }
                    });
                } else {

                }
            })
        });
        function doCalc() {
            var total = 0;
            $('tr').each(function () {
                $(this).find('span.amount').html($('input:eq(2)', this).val() * $('input:eq(3)', this).val());
            });
            $('.amount').each(function () {
                total += parseInt($(this).html(), 10);
            });
            $('div.total_amount').html(total);

        }
        function deleteRow(d) {
            var id = $(d).data("id");
            $("#" + id).remove();
            doCalc();
        }
    </script>
@endsection