@extends('layouts.iconbar')

@section('title')
Create New Item
@endsection

@section('breadcrumbs')
{{ Breadcrumbs::render(\Request::route()->getName()) }}
@endsection

@section('content')
<div class="page-content" id="create-inventory">
    <div class="panel">
        <div class="panel-body">
            <div class="row">
                <div class="col-md-12">
                    {!! Form::open(['method' => 'POST', 'route' => ['admin.inventory.store'], 'files' => true,]) !!}
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::select('category', $categories, old('category'), ['class' => 'form-control select2','id' => 'category', 'v-model' => 'category']) !!}
                                {!! Form::label('category', 'Category', ['class' => 'floating-label main-label']) !!}

                                <p class="error-block"></p>
                                @if($errors->has('category'))
                                <p class="error-block">
                                    {{ $errors->first('category') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::select('supplier_id', $suppliers, old('supplier_id'), ['class' => 'form-control select2','id' => 'supplier']) !!}
                                {!! Form::label('supplier_id', 'Supplier', ['class' => 'floating-label main-label']) !!}

                                <p class="error-block"></p>
                                @if($errors->has('supplier_id'))
                                <p class="error-block">
                                    {{ $errors->first('supplier_id') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-3 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('sku', old('sku'), ['class' => 'form-control']) !!}
                                {!! Form::label('sku', trans('global.inventory.fields.sku').'', ['class' => 'floating-label']) !!}

                                <p class="error-block"></p>
                                @if($errors->has('sku'))
                                <p class="error-block">
                                    {{ $errors->first('sku') }}
                                </p>
                                @endif
                            </div>
                        </div>

                        <div class="col-md-3 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('name', old('name'), ['class' => 'form-control', 'required' => 'true']) !!}
                                {!! Form::label('name', trans('global.inventory.fields.name').'', ['class' => 'floating-label']) !!}

                                <p class="error-block"></p>
                                @if($errors->has('name'))
                                <p class="error-block">
                                    {{ $errors->first('name') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('qty', 0, ['class' => 'form-control']) !!}
                                {!! Form::label('qty', trans('global.inventory.fields.qty').'', ['class' => 'floating-label']) !!}
                                <p class="error-block"></p>
                                @if($errors->has('qty'))
                                <p class="error-block">
                                    {{ $errors->first('qty') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row" v-if="category != 'Hardware'">
                        <div class="col-md-6 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('size', 0, ['class' => 'form-control']) !!}
                                {!! Form::label('size', trans('global.inventory.fields.size').'', ['class' => 'floating-label']) !!}
                                <p class="error-block"></p>
                                @if($errors->has('size'))
                                <p class="error-block">
                                    {{ $errors->first('size') }}
                                </p>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-6 form-group">
                        {!! Form::label('cut_supply', trans('global.inventory.fields.cut_supply').'', ['class' => 'col-md-12 floating-label']) !!}
                            <div class="form-group " data-plugin="formMaterial">
                                <div class="row">
                                    <div class="col-md-2">
                                        <div class="radio-custom radio-primary">
                                            {!! Form::radio('cut_supply', 'Yes', ['v-model' => 'cut_supply', 'id' => 'cut_supply_yes']) !!}
                                            <label for="cut_supply_yes"> Yes</label>
                                        </div>
                                    </div>
                                    <div class="col-md-2">
                                        <div class="radio-custom radio-primary">
                                            {!! Form::radio('cut_supply', 'No', ['v-model' => 'cut_supply', 'id' => 'cut_supply_no']) !!}
                                            <label for="cut_supply_no"> No</label>
                                        </div>
                                    </div>
                                </div>
                                @if($errors->has('cut_supply'))
                                <p class="error-block">
                                    {{ $errors->first('cut_supply') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="row" v-if="category == 'Colour'">
                        <div class="col-md-3 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('finish', old('finish'), ['class' => 'form-control']) !!}
                                {!! Form::label('finish', trans('global.inventory.fields.finish').'', ['class' => 'floating-label']) !!}
                                <p class="error-block"></p>
                                @if($errors->has('finish'))
                                <p class="error-block">
                                    {{ $errors->first('finish') }}
                                </p>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-3 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('thickness', old('thickness'), ['class' => 'form-control']) !!}
                                {!! Form::label('thickness', trans('global.inventory.fields.thickness').'', ['class' => 'floating-label']) !!}
                                <p class="error-block"></p>
                                @if($errors->has('thickness'))
                                <p class="error-block">
                                    {{ $errors->first('thickness') }}
                                </p>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-3 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::text('colour_range', old('colour_range'), ['class' => 'form-control']) !!}
                                {!! Form::label('colour_range', trans('global.inventory.fields.colour_range').'', ['class' => 'floating-label']) !!}
                                <p class="error-block"></p>
                                @if($errors->has('colour_range'))
                                <p class="error-block">
                                    {{ $errors->first('colour_range') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <!-- price foreach customer group -->
                    <div class="row">
                    <div class="col-12 form-group">
                        <label>Prices For Customer Groups</label>
                    </div>
                        @foreach ($customer_groups as $group)
                        <div class="col form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::number('groups['.$group->id.'][price]', old('groups.'.$group->id.'.price'), ['class' => 'form-control', 'step' => '0.01', 'id' => 'price_'.$group->id, 'required' => 'true']) !!}
                                {!! Form::label('groups'.$group->id, 'Price for '.$group->group_name, ['class' => 'floating-label']) !!}
                                <p class="error-block"></p>
                                @if($errors->has('groups.'.$group->id.'.price'))
                                <p class="error-block">
                                    {{ $errors->first('groups.'.$group->id.'.price') }}
                                </p>
                                @endif
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <div class="row">
                        <div class="col-md-12 form-group">
                            <div class="form-group form-material floating" data-plugin="formMaterial">
                                {!! Form::textarea('description', old('description'), ['class' => 'form-control']) !!}
                                {!! Form::label('description', trans('global.inventory.fields.description').'', ['class' => 'floating-label']) !!}
                                <p class="error-block"></p>
                                @if($errors->has('description'))
                                <p class="error-block">
                                    {{ $errors->first('description') }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    {!! Form::button(trans('global.app_save'), ['class' => 'btn btn-info', 'type' => 'submit']) !!}
                    {!! Form::close() !!}
                </div>
            </div>
        </div>
    </div>
</div>


@stop

@section('javascript')
@parent

<script src="{{ asset('adminlte/plugins/fileUpload/js/jquery.iframe-transport.js') }}"></script>
<script src="{{ asset('adminlte/plugins/fileUpload/js/jquery.fileupload.js') }}"></script>
<script>
     new Vue({
        el: '#create-inventory',
        data: {
            category: 'White',
            cut_supply: 'No',
        },
        watch: {

        },

        computed: {},

        methods: {
            
        }
    });

</script>
@stop