@extends('layouts.main')

@section('title', 'GLESEC Member Portal')

@section('breadcrumb')
    <div class="row">
        <div class="col-sm-12">
            <div class="page-title-box">
                <h4 class="page-title">Add Document</h4>
                <ol class="breadcrumb float-right">
                    <li class="breadcrumb-item"><a href="/">Home</a></li>
                    <li class="breadcrumb-item"><a href="{!! route('documents', ['document_type' => 'uploaded']) !!}">Documents</a></li>
                    <li class="breadcrumb-item active">Add Document</li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <div class="content-body">
        <div class="row">
            <div class="col-md-6">
                @include('adminlte-templates::common.errors')

                <div class="box box-primary">
                    <div class="card-box bg-card">
                        <div class="card-body">
                            <div class="card-block">
                                <form action="{!! route('documents.upload') !!}" method="POST" enctype="multipart/form-data">
                                    {{ csrf_field() }}
                                    <div class="form-body">
                                        <div class="form-group">
                                            <label for="title">Title *:</label>
                                            <input type="text" class="form-control" id="title" name="title" placeholder="Title" value="{{ old('title') }}" required>
                                        </div>
                                        <div class="form-group">
                                            <label for="description">Description:</label>
                                            <textarea class="form-control" name="description" id="description" cols="30" rows="10" placeholder="Description">{{ old('description') }}</textarea>
                                        </div>
                                        <div class="form-group" style="margin-bottom: 0px;">
                                            <span>Attach File: *:</span>
                                            <input type="file" id="file" name="file" class="inputfile form-control" accept=".pdf, .jpeg, .jpg, .png, .doc, .docx" required>
                                            <label for="file">No file selected</label>
                                        </div>
                                        <div class="form-group">
                                            <span class="help-block">Max file size: 5Mb, allowed file extensions: *.pdf, *.jpeg, *.jpg, *.png, *.doc, *.docx</span>
                                        </div>
                                    </div>
                                    <div class="form-actions">
                                        <a href="{!! route('documents', ['document_type' => 'uploaded']) !!}" class="btn  btn-primary waves-effect">Cancel</a>
                                        <button class="btn btn-success" type="submit">Save</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection