@extends('admin.layouts.master')

@section('head')
<link href='{{ url('css') }}/select2.min.css' rel='stylesheet' type='text/css'>
@endsection

@section('content')

    <div class="portlet box blue">
        <div class="portlet-title">
            <div class="caption">Create A Manual Order</div>
        </div>
        <div class="portlet-body">
            <div class="row">
                <div class="col-sm-10 col-sm-offset-2">
        
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                {!! implode('', $errors->all('
                                <li class="error">:message</li>
                                ')) !!}
                            </ul>
                        </div>
                    @endif
                </div>
            </div>
            
            @if ($view == 'user')
            {!! Form::open(['route' => 'manualorder.create', 'class' => 'form-horizontal']) !!}
                        <div class="row">
                <div class="col-sm-12">
                    <h2 class="col-sm-offset-1">Customer Details</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        {!! Form::label('email', trans('quickadmin::admin.users-create-email'), ['class'=>'col-sm-2 control-label']) !!}
                        <div class="col-sm-10">
                            {!! Form::email('email', $customer['email'], ['class'=>'form-control', 'placeholder'=> trans('quickadmin::admin.users-create-email_placeholder')]) !!}
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        {!! Form::label('first_name', 'First Name', ['class'=>'col-sm-4 control-label']) !!}
                        <div class="col-sm-8">
                            {!! Form::text('first_name',  '', ['class'=>'form-control', 'placeholder'=> 'First Name']) !!}
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="form-group">
                        {!! Form::label('last_name', 'Last Name', ['class'=>'col-sm-4 control-label']) !!}
                        <div class="col-sm-8">
                            {!! Form::text('last_name',  '', ['class'=>'form-control', 'placeholder'=> 'Last Name']) !!}
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <h3 class="col-sm-offset-2">Billing Address</h3>
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                {!! Form::label('billing_first_name', 'First Name', ['class'=>'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('billing_first_name',  '', ['class'=>'form-control', 'placeholder'=> 'First Name']) !!}
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                {!! Form::label('billing_last_name', 'Last Name', ['class'=>'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('billing_last_name',  '', ['class'=>'form-control', 'placeholder'=> 'Last Name']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            {!! Form::label('billing_company', 'Company', ['class'=>'col-sm-2 control-label']) !!}
                            <div class="col-sm-10">
                                {!! Form::text('billing_company',  '', ['class'=>'form-control', 'placeholder'=> 'Company']) !!}
                            </div>
                        </div>
                    </div>
                </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('billing_address_1', 'Address Line 1', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::text('billing_address_1',  '', ['class'=>'form-control', 'placeholder'=> 'Address Line 1']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('billing_address_2', 'Address Line 2', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::text('billing_address_2',  '', ['class'=>'form-control', 'placeholder'=> 'Address Line 2']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('billing_city', 'Town/City', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::text('billing_city',  '', ['class'=>'form-control', 'placeholder'=> 'Town/City']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('billing_state', 'County', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::text('billing_state',  '', ['class'=>'form-control', 'placeholder'=> 'County']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('billing_postcode', 'Postcode', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::text('billing_postcode',  '', ['class'=>'form-control', 'placeholder'=> 'Postcode']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('billing_country', 'Country', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::select('billing_country', $zones, 'GB'); !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('billing_email', 'Billing Email', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::text('billing_email',  '', ['class'=>'form-control', 'placeholder'=> 'Email Address']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('billing_phone', 'Phone', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::text('billing_phone',  '', ['class'=>'form-control', 'placeholder'=> 'Phone Numner']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
       
                <div class="col-sm-6">
                    <h3 class="col-sm-offset-2">Shipping Address</h3>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('shipping_same_as', 'Same As Billing Address', ['class'=>'col-sm-4 control-label']) !!}
                                <div class="col-sm-4">
                                    {{ Form::checkbox('shipping_same_as', 'y', true, array('id'=>'sameas')) }}
                                </div>
                            </div>
                        </div>
                    <div class="sameas" style="display: none;">    
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="form-group">
                                {!! Form::label('shipping_first_name', 'First Name', ['class'=>'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('shipping_first_name',  '', ['class'=>'form-control', 'placeholder'=> 'First Name']) !!}
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="form-group">
                                {!! Form::label('shipping_last_name', 'Last Name', ['class'=>'col-sm-4 control-label']) !!}
                                <div class="col-sm-8">
                                    {!! Form::text('shipping_last_name',  '', ['class'=>'form-control', 'placeholder'=> 'Last Name']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('shipping_company', 'Company', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::text('shipping_company',  '', ['class'=>'form-control', 'placeholder'=> 'Company']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('shipping_address_1', 'Address Line 1', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::text('shipping_address_1',  '', ['class'=>'form-control', 'placeholder'=> 'Address Line 1']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('shipping_address_2', 'Address Line 2', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::text('shipping_address_2',  '', ['class'=>'form-control', 'placeholder'=> 'Address Line 2']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('shipping_city', 'Town/City', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::text('shipping_city',  '', ['class'=>'form-control', 'placeholder'=> 'Town/City']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('shipping_state', 'County', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::text('shipping_state',  '', ['class'=>'form-control', 'placeholder'=> 'County']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('shipping_postcode', 'Postcode', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::text('shipping_postcode',  '', ['class'=>'form-control', 'placeholder'=> 'Postcode']) !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                {!! Form::label('shipping_country', 'Country', ['class'=>'col-sm-2 control-label']) !!}
                                <div class="col-sm-10">
                                    {!! Form::select('shipping_country', $zones, 'GB'); !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
                        <div class="row">
                <div class="col-sm-12">
                    <h2 class="col-sm-offset-1">Create Order</h2>
                </div>
            </div>
            <hr>
                        @include('admin.manualorder.item')
            <div class="form-group">
                <div class="col-sm-11 col-sm-offset-1">
                    <span class="btn additem btn-default" id="item{!! $itemcount!!}">Add item</span>
                </div>
            </div>
            <hr>
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group">
                        {!! Form::label('customer_note', 'Order Notes', ['class'=>'col-sm-1 control-label']) !!}
                        <div class="col-sm-11">
                            {!! Form::textarea('customer_note',  '', ['class'=>'form-control', 'style' => 'height: 80px;']) !!}
                        </div>
                    </div>
                </div>
            </div>
               <hr>
           <div class="row">
               <div class="col-sm-12">
                   <div class="form-group">
                       {!! Form::label('subtotal', 'Subtotal', ['class'=>'col-sm-2 col-sm-offset-8 control-label']) !!}
                       <div class="col-sm-2">
                           {!! Form::text('subtotal',  '', ['class'=>'form-control', 'disabled' => 'disabled']) !!}
                       </div>
                   </div>
               </div>
           </div>
           <div class="row">
                <div class="col-sm-12">
                    <div class="form-group">
                        {!! Form::label('vat', 'VAT', ['class'=>'col-sm-2 col-sm-offset-8 control-label']) !!}
                        <div class="col-sm-2">
                            {!! Form::text('vat',  '', ['class'=>'form-control',  'disabled' => 'disabled']) !!}
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="form-group">
                        {!! Form::label('shipping', 'Shipping', ['class'=>'col-sm-2 col-sm-offset-8 control-label']) !!}
                        <div class="col-sm-2">
                            {!! Form::text('shipping',  '14.50', ['class'=>'form-control']) !!}
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    {!! Form::label('paid', 'Paid', ['class'=>'col-sm-2 col-sm-offset-8 control-label']) !!}
                    <div class="col-sm-2">
                        {!! Form::checkbox('paid',  'true', false, ['class'=>'form-control']) !!}
                    </div>
                </div>
            </div>
            <div class="col-sm-12 pay-method" style="display: none;">
                <div class="form-group">
                {!! Form::label('gateway', 'Payment Method', ['class'=>'col-sm-2 col-sm-offset-8 control-label']) !!}
                    <div class="col-sm-2">
                    {!! Form::select('gateway', $gateways, 'bacs'); !!}
                    </div>
                </div>
            </div>
        </div>
            <div class="form-group">
                <div class="col-sm-11 col-sm-offset-1">
                    {!! Form::submit('Create Order', ['class' => 'btn btn-primary']) !!}
                </div>
            </div>
            
            {!! Form::close() !!}
            @else
            {!! Form::open(['route' => 'manualorder.lookup', 'class' => 'form-horizontal']) !!}
            <div class="form-group">
                {!! Form::label('email', trans('quickadmin::admin.users-create-email'), ['class'=>'col-sm-2 control-label']) !!}
                <div class="col-sm-10">
                    {!! Form::email('email', old('email'), ['class'=>'form-control', 'placeholder'=> trans('quickadmin::admin.users-create-email_placeholder')]) !!}
                </div>
            </div>
        
            <div class="form-group">
                <div class="col-sm-10 col-sm-offset-2">
                    {!! Form::submit('Find User', ['class' => 'btn btn-primary']) !!}
                </div>
            </div>
            {!! Form::close() !!}
            @endif
        </div>
	</div>


@endsection


@section('js')
    <script src='{{ url('js') }}/select2.min.js' type='text/javascript'></script>
    <script>
    $(document).ready(function(){
        
        // Initialize select2
        //$(".product_id").select2();
    
    });
    
    $( function() {
        $( "#email" ).autocomplete({
            source: "https://admin2.bannerworld.co.uk/admin/manualorder/findemail",
            minLength: 2,
            select: function( event, ui ) {
                console.log( "Selected: " + ui.item.value + " aka " + ui.item.id );
            }
        });
    } );
    </script>
@endsection