@extends('admin::index')

@section('content')
    <section class="content-header">
        <h1>
            {{ $header or trans('admin.title') }}
            <small>{{ $description or trans('admin.description') }}</small>
        </h1>

        <!-- breadcrumb start -->

    </section>

    <section class="content">

        @include('partials.error')
        @include('admin::partials.exception')
        @include('admin::partials.toastr')

        {{ Form::open(array('route' => 'orders.store', 'method' => 'POST', 'class'=>'' )) }}
        {{-- MAIN CONTENT --}}
        <div class="row">
            <div class="col-sm-7">
                <div class="box box-pos">
                    <div class="box-header">
                        <div class="scanner-input-cont">
                            <input type="text" id="scannerInput" class="form-control input-lg scanner-input"
                                   placeholder="{{ __('Nhập tên sản phẩm / Barcode (F2)') }}" autocomplete="off">
                            <ul class="scanner-input-autocomplete"></ul>
                        </div>
                    </div>
                    <div class="box-body flex-grow">
                        <table class="table table-bordered with-bg">
                            <thead>
                                <tr>
                                    <th class="shirk">{{__('Mã SP')}}</th>
                                    <th>{{__('Tên')}}</th>
                                    <th width="128px">{{__('Số lượng')}}</th>
                                    <th width="20%">{{__('Thành tiền')}}</th>
                                    <th width="50px"></th>
                                </tr>
                            </thead>
                            <tbody id="POSitemsCont"></tbody>
                        </table>
                    </div>
                    <div class="box-body">
                    </div>
                </div>
            </div>
            <div class="col-sm-5">
                <div class="box box-pos" style="min-height: calc(100vh - 160px); margin-bottom: 0">
                    <div class="box-header p-t-0">
                        <h4>{{ __('THÔNG TIN KHÁCH HÀNG') }}</h4>
                    </div>
                    <div class="box-body" id="customerZone">
                        <div class="form-group flex">
                            <div class="flex-grow">
                                <select name="customer[phone]" type="text" class="form-control" placeholder="{{ __("SĐT") }}" autocomplete="off" id="customerKey"></select>
                            </div>
                            <a class="btn btn-info m-l-5" data-toggle="modal" data-target="#addCustomerModal" tabindex="-1"><i class="fa fa-plus"></i> </a>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control bold"
                                   placeholder="{{ __("Họ và tên") }}" readonly data-model="fullname" tabindex="-1">
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" tabindex="-1" placeholder="{{ __("Địa chỉ") }}" readonly data-model="address">
                        </div>
                        <div class="text-right" style="display: none" id="customerMore">
                            <a tabindex="-1" target="_blank" href="/customers">Xem thêm → </a>
                        </div>
                    </div>
                    <div class="box-header">
                        <h4>{{ __('THÔNG TIN ĐƠN HÀNG') }}</h4>
                    </div>

                    <div class="box-body p-t-0">
                        {{--<div class="form-group flex">--}}
                            {{--<input type="text" name="sale_price" class="form-control flex-grow" autocomplete="off"--}}
                                   {{--placeholder="{{ __('Mã giảm giá') }}">--}}
                            {{--<a class="btn btn-default m-l-5">{{ __('Áp dụng') }}</a>--}}
                        {{--</div>--}}
                        <div class="form-group m-t-10">
                            <textarea class="form-control" name="notes" placeholder="Ghi chú đơn hàng"></textarea>
                        </div>
                        <div class="cart-info-wrapper d-table bg-gray-light" id="totalPOS">
                            <div class="d-table-row h4">
                                <div class="d-table-cell w60">{{ __('Số sản phẩm') }}</div>
                                <div class="d-table-cell text-right"><span data-model="count">0</span></div>
                            </div>
                            <div class="d-table-row h4 bold">
                                <div class="d-table-cell w60">{{ __('Tổng tiền hàng') }}</div>
                                <div class="d-table-cell text-right"><span data-model="subtotal">0</span> ₫</div>
                            </div>
                            <div class="d-table-row h4">
                                <div class="d-table-cell w60">{{ __('Tiền giảm') }}</div>
                                <div class="d-table-cell p-r-5">
                                    <input class="form-control text-right" data-model="discount" name="discount_amount">
                                </div>
                            </div>
                            <div class="d-table-row h3 bold">
                                <div class="d-table-cell w50 p-t-20 p-b-20">{{ __('Thành tiền') }}</div>
                                <div class="d-table-cell text-right text-success"><span data-model="total">0</span> ₫</div>
                            </div>

                        </div>
                    </div>
                    <div class="box-footer text-right flex">
                        <a href="" class="btn btn-lg btn-default">{{ __('Huỷ bỏ') }}</a>
                        <button type="submit" class="btn btn-lg btn-warning flex-grow m-l-20"><i
                                    class="fa fa-plus"></i> {{ __('TẠO ĐƠN HÀNG') }}</button>
                    </div>

                </div>
            </div>
        </div>

        {{ Form::close() }}





    </section>

    <div class="modal fade" tabindex="-1" role="dialog" data-backdrop="static" id="addCustomerModal">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                {{ Form::open(array('route' => 'customers.store', 'method' => 'POST', 'class'=>'form-horizontal' )) }}
                <div class="modal-header">
                    <h4 class="modal-title bold">{{ __('Thêm khách hàng') }}</h4>
                </div>
                <div class="modal-body">

                        <div class="form-group bold">
                            <label class="col-sm-3 control-label">{{ __('Họ tên *') }}</label>
                            <div class="col-sm-9">
                                <input name="fullname" class="form-control" autofocus>
                            </div>
                        </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">{{ __('SĐT *') }}</label>
                        <div class="col-sm-9">
                            <input name="phone" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">{{ __('Email') }}</label>
                        <div class="col-sm-9">
                            <input type="email" name="email" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">{{ __('Địa chỉ') }}</label>
                        <div class="col-sm-9">
                            <input name="address" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">{{ __('Năm sinh') }}</label>
                        <div class="col-sm-3">
                            <input name="birthday" class="form-control">
                        </div>
                        <label class="col-sm-2 control-label">{{ __('Giới tính') }}</label>
                        <div class="col-sm-4">
                            <input name="gender" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">{{ __('Người thân') }}</label>
                        <div class="col-sm-9">
                            <input name="dependant" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default " data-dismiss="modal">{{ __('Lúc khác') }}</button>
                    <button type="submit" class="btn btn-warning p-l-30 p-r-30"><i class="fa fa-plus "></i> {{ __('Thêm') }}</button>
                </div>
                </form>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->


@endsection


@push('styles')
    {{-- cannot use in pjax--}}
@endpush

@push('scripts')
    {{-- cannot use in pjax--}}
@endpush