{{ html()->form( 'POST', route('frontend.board.store'))->open() }}
{{--@TODO fix this for validation--}}
<input type="hidden" name="lab_id" value="" >
<div class="form-row  mb-1">
    <div class="col">
        <label for="name">Name</label>
        <input class="form-control newboard" type="text" required name="name">
    </div>
</div>
<div class="form-row  mb-1">
    <div class="col">
        <label for="size">Board size</label>
        <select class="form-control newboard" id="size" name="size">
            {{-- <option value="500_200">Abstract (500x200px)</option>
            <option value="800_600">Slide (800x600px)</option> --}}
            <option value="1123_794">A4 (297x210mm)</option>
            <option value="2245_1587">A2 (small poster) (594x420mm)</option>
            <option value="3179_2245">A1 (medium poster) (841x594mm)</option>
            <option value="4494_3179">A0 (large poster) (1189x841mm)</option>
            <option value="custom">Custom...</option>
        </select>
    </div>
</div>

<div class="form-row  mb-1 collapse" id="custom_size">
    <div class="row mt-1 ml-1">
        <div class="col">
            <label>Custom dimensions in mm:</label>
            <div class="pretty p-switch p-smooth p-toggle p-plain" style="display: none"
                 data-tippy-content="Show only favourites">
                <input type="checkbox" name="units" value="1" checked>
                <div class="state p-info p-on">
                    <label >mm</label>
                </div>
                <div class="state p-info p-off">
                    <label >px</label>
                </div>

            </div>
        </div>
    </div>
    <div class="d-flex ml-1 w-100">
        <div class="flex-grow-1">
            {{--            <label for="cust_width">Width</label>--}}
            <input type="number" name="cust_width" class="form-control" placeholder="Width">
        </div>
        <div class="pl-1 pr-1 align-self-center">
            &nbsp;&nbsp;X&nbsp;&nbsp;
        </div>
        <div class="flex-grow-1">
            {{--            <label for="cust_height">Height</label>--}}
            <input type="number" name="cust_height" class="form-control" placeholder="Height">
        </div>
    </div>
</div>
<div class="form-row mb-1">
    <div class="col">
        <label for="description">Description</label>
        <textarea name="description" id="description" class="form-control w-100"></textarea>
    </div>
</div>
<div class="form-row mb-1">
    <div class="col">
        <label for="folder">Folder</label>
        <p/>
        <select class="folderselect" style="width:100%" name="board_folder_id"></select>
    </div>
</div>
<div class="form-row mb-1">
    <div class="col">
        <label for="metadata_tags">Tags</label>
        <p/>
        {{ html()->multiselect('tags[]',$tags->pluck('text', 'id'))->class('tagsselect')->id('metadata_tags')->style('width:100%')
                       }}
    </div>
</div>
{{--<div class="form-row mb-1">--}}
{{--    <div class="col">--}}
{{--        {{ html()->label('Visibility:')->for('public') }}--}}
{{--        <div class="pretty p-switch p-smooth p-toggle p-plain"--}}
{{--             data-tippy-content="Show only favourites">--}}
{{--            <input type="checkbox" name="public" value="1">--}}
{{--            <div class="state p-success p-on">--}}
{{--                <label style="font-weight: bold; color: #218838">Public</label>--}}
{{--            </div>--}}
{{--            <div class="state p-danger p-off">--}}
{{--                <label style="font-weight: bold; color:#C82333 ">Private</label>--}}
{{--            </div>--}}

{{--        </div>--}}
{{--    </div>--}}
{{--</div>--}}


<div class="form-row mt-1">
    {!!form_submit('Go!','btn-block btn btn-success ') !!}
</div>


{{ html()->form()->close() }}