@php
    $nameMin = config('constant.name.min');
    $nameMax = config('constant.name.max');
    $requireField = trans('admin::message.required');
@endphp
@extends('shared.admin')
@section('content')   
<section class="content"> 
    <div class="container-fluid">
        <h2 class="mt-30 page-title">{{trans('admin::order.title.header')}}</h2>
        <ol class="breadcrumb mb-30">
            <li class="breadcrumb-item"><a href="{{asset('/admin')}}">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{asset('/admin/order')}}">{{trans('admin::order.title.header')}}</a></li>
            <li class="breadcrumb-item active">{{trans('admin::order.title.add')}}</li>
        </ol>
        <form id="Product" action="{{ action('OrderController@storeNew') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="row">
                <div class="col-lg-8">
                    @include('admin.order.forms.customer')
                    @include('admin.order.forms.company')                    
                </div>
                <div class="col-lg-4">
                    <div class="card card-default">
                        <div class="card-header">
                            <h3 class="card-title">{{trans('admin::order.title.cart')}}</h3>
                        </div>
                        <div class="card-body">  
                            @for($idx=0; $idx<5; $idx++)                          
                                @include('admin.order.elements.product',[
                                    'idx' => $idx
                                ])
                            @endfor
                        </div>
                    </div>
                </div>
            </div>               
        </form>
    </div>
</section>
@endsection
@section('style')
    @parent
    <link rel="stylesheet" href="{{asset('js/plugins/datepicker/datepicker3.css')}}">
    <link rel="stylesheet" href="{{asset('js/plugins/select2/css/select2.min.css')}}">
    <link rel="stylesheet" href="{{asset('css/admin/adminlte.min.css')}}">
    <link rel="stylesheet" href="{{asset('css/admin/pts.css')}}?v={{config('domain.version')}}">
@endsection   
@section('script')   
    @parent
    <script src="{{ asset('js/plugins/datepicker/bootstrap-datepicker.js') }}" type="text/javascript"></script>
    <script src="{{ asset('js/plugins/select2/js/select2.full.min.js') }}"></script>
    <script src="{{ asset('front/app/assets/js/vendor/slick.min.js') }}"></script>
    <script src="{{ asset('front/app/assets/js/scripts-bundled.js') }}?v={{config('domain.version')}}"></script>
@endsection
@section('js-ext')   
    @parent    
@endsection