@extends('base')

@section('main')
    <div>
        <div class="ui form">
            <form action="{{ route('tips.store') }}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="field">
                    <label>Title</label>
                    <input name="title" placeholder="Title"/>
                </div>
                <div class="field">
                    <label>Description</label>
                    <textarea name="description" id="description" placeholder="Description here..." rows="5"></textarea>
                </div>
                <div class="field">
                    <label>Short Description</label>
                    <textarea name="short_description" id="short_description" placeholder="Short description here..." rows="3"></textarea>
                </div>
                <div class="field">
                    <label>Source</label>
                    <input name="source" placeholder="Source"/>
                </div>
                <div class="field">
                    <label>Tags</label>
                    <select name="tags[]" class="ui dropdown" multiple="">
                        <option value="">Select Tags</option>
                        @foreach($tags as $tag)
                            <option value="{{ $tag->id }}">{{ $tag->title }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="field">
                    <label>Media</label>
                    <input name="media[]" type="file" accept="image/png,image/jpg,video/mp4" multiple/>
                </div>
                <button class="ui button" type="submit">Submit</button>
            </form>
        </div>
    </div>
@endsection