@extends('frontend.layouts.app')

@section('title', app_name() . ' | ' . __('navs.general.home'))

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2><a href="{{url('/project')}}" style="text-decoration: none;">Projects</a> :: <a href="{{url('/project/' . $project->name . '/box')}}">{{$project->label}}</a> :: Create new box</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div><br />
                @endif
                <form method="post" action="{{url('/project/' . $project->name . '/box')}}">
                    <input type="hidden" value="{{csrf_token()}}" name="_token" />
                    <div class="form-group">
                        <label for="label">Type:</label>
                        <select name="type" class="form-control">
                            <option value="top">Верх</option>
                            <option value="bottom">Низ</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="label">Label:</label>
                        <input name="label" type="text" class="form-control" autocomplete="off"/>
                    </div>
                    <div class="form-group">
                        <label for="description">Description:</label>
                        <textarea name="description" class="form-control" cols="5" rows="5"></textarea>
                    </div>
                    <div class="form-group">
                        <label for="angular">Angular:</label>
                        <input name="angular" type="checkbox"/>
                    </div>
                    <div class="form-group">
                        <label for="width">Width:</label>
                        <input name="width" type="text" class="form-control" autocomplete="off"/>
                    </div>
                    <div class="form-group">
                        <label for="height">Height:</label>
                        <input name="height" type="text" class="form-control" autocomplete="off"/>
                    </div>
                    <div class="form-group">
                        <label for="depth">Depth:</label>
                        <input name="depth" type="text" class="form-control" autocomplete="off"/>
                    </div>
                    <div class="form-group">
                        <label for="raw">Raw:</label>
                        <textarea name="raw" class="form-control" cols="5" rows="5"></textarea>
                    </div>
                    <button type="submit" class="btn btn-primary">Create</button>
                </form>
            </div>
        </div>
    </div>
@endsection