@extends('frontend.layouts.app')

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

@section('page-style-files')
    <style>
        .files{
            border: 1px solid lightgray;
            border-radius: 5px;
            padding: 5px;
        }
        .files input[type=file] {
            border: none;
        }
    </style>
@endsection

@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')}}" style="text-decoration: none;">{{$project->label}}</a> :: Edit {{$box->label}}</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/' . $box->name)}}" >
                    {{csrf_field()}}
                    <input name="_method" type="hidden" value="PUT">
                    <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" {{$box->type == 'top' ? 'selected' : ''}}>Верх</option>
                            <option value="bottom" {{$box->type == 'bottom' ? 'selected' : ''}}>Низ</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="name">Name:</label>
                        <input type="text" class="form-control" name="name" value="{{$box->name}}" disabled />
                    </div>
                    <div class="form-group">
                        <label for="label">Label:</label>
                        <input type="text" class="form-control" name="label" value="{{$box->label}}" autocomplete="off"/>
                    </div>
                    <div class="form-group">
                        <label for="description">Description:</label>
                        <textarea cols="5" rows="5" class="form-control" name="description">{{$box->description}}</textarea>
                    </div>
                    <div class="form-group">
                        <label for="angular">Angular:</label>
                        <input name="angular" type="checkbox" {{isset($box->angular) && $box->angular ? 'checked' : ''}}/>
                    </div>
                    <div class="form-group">
                        <label for="width">Width:</label>
                        <input name="width" type="text" class="form-control" value="{{$box->width}}" autocomplete="off"/>
                    </div>
                    <div class="form-group">
                        <label for="height">Height:</label>
                        <input name="height" type="text" class="form-control" value="{{$box->height}}" autocomplete="off"/>
                    </div>
                    <div class="form-group">
                        <label for="depth">Depth:</label>
                        <input name="depth" type="text" class="form-control" value="{{$box->depth}}" autocomplete="off"/>
                    </div>
                    <div class="form-group">
                        <label for="raw">Raw:</label>
                        <textarea name="raw" class="form-control" cols="5" rows="5">{{$box->raw}}</textarea>
                    </div>
                    <button type="submit" class="btn btn-primary">Update</button>
                </form>
            </div>
        </div>
    </div>
@endsection

@section('page-js-script')
    <script>
        function add() {
            if (jQuery('.files input[type=file]:last')[0].value) {
                jQuery('.files').append('<input type="file" class="form-control" name="files[]">');
            }
        }
    </script>
@stop