@extends('layouts.app')


@section('content')
<div class="card">
    <div class="card-body">
        <div class="mb-4 clearfix">
            <h4 class="float-left">Add New Shelf</h4>
            <a class="float-right" href="{{ URL::to('shelf') }}"><button class="btn btn-primary btn-sm"><i class="fas fa-long-arrow-alt-left mr-2"></i>Go Back</button></a>
        </div>
        <hr>
        <form action="{{ URL::to('new_shelf') }}" method="POST">
            @csrf
            @if(isset($id))
            {{ method_field('PUT') }}
            @endif
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label>Shelf Name</label>
                        <input type="text" name="shelf_name" class="form-control" placeholder="Shelf Name">
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label># Of Rows</label>
                        <input type="number" name="no_of_shelves" class="form-control" placeholder="No. of rows">
                    </div>
                </div>
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-primary btn-round btn-sm">Save</button>
            </div>
        </form>
        <hr>
    </div>
</div>


<div class="card">
    <div class="card-body">
        <h5 class="mt-4">Manage Shelves</h5>
        <hr>
        <form action="{{ URL::to('manage_shelf') }}" method="POST">
            @csrf
            @if(isset($id))
            {{ method_field('PUT') }}
            @endif
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label>Shelf</label>
                        <select name="shelf" class="form-control" id="shelf">
                            <option value=""></option>
                            @foreach($shelves as $shelf)
                                <option value="{{ $shelf->id }}">{{ $shelf->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        <label>Row</label>
                        <select name="row" class="form-control" id="row">
                            <option value=""></option>
                            @foreach($products as $product)
                                <option value="{{ $product->id }}">{{ $product->sku }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group">
                        <label>SKU</label>
                        <select name="sku" class="form-control" id="sku">
                            <option value=""></option>
                            @foreach($products as $product)
                                <option value="{{ $product->id }}">{{ $product->sku }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <button type="submit" class="btn btn-primary btn-round btn-sm">Save</button>
            </div>
        </form>
    </div>
</div>
@endsection