@extends('cms.master')

@section('content')
	
<nav class="uk-navbar uk-navbar-attached" data-uk-sticky data-uk-scrollspy-nav="{closest:'li'}" >
    <ul class="uk-navbar-nav">

        <li><a href="{{ URL::to('/cms/tutors') }}"><div class="uk-icon-list-ul top-menu-icon"></div>List of Tutors</a></li>
        <li class="uk-active"><a href="{{ URL::to('/cms/tutors/add-tutor') }}"><div class="uk-icon-plus-square top-menu-icon"></div>Add New Tutor</a></li>
    </ul>
</nav>

<div class="uk-grid cms-page-content">
    <div class="uk-width-1-1 page-title">
		<p>Add New Tutor</p>
        <br/><br/><hr/>
    </div>
    <div class="uk-width-1-1 uk-margin-top add-tutor">
        <div class="uk-width-1-3 uk-float-left uk-container-center" style="text-align: center;">
            <a class="uk-thumbnail ">
                <label for="file">
                    <img src="{{ URL::asset('images/users/noimage.jpg') }}" id="tut_img" data-uk-toolkip title="Photo must be with aspect ratio 1:1" alt="">
                </label>
                <div class="uk-thumbnail-caption">Photo</div>
            </a>
        </div>

        <form class="uk-form uk-form-stacked" action="{{ URL::to('/cms/tutors') }}" method="POST" enctype="multipart/form-data">
            <div class="uk-width-1-3 uk-float-left mid-col">

                <input type="hidden" name="_token" value="{{ csrf_token() }}">

                <input type="file" name="tutorPhoto" id="file" style="display: none;" accept="image/*">
                <div class="uk-form-row uk-width-4-5">
                    <label class="uk-form-label" for="username">Username<div class="req-label">Required</div></label>
                    <div class="uk-form-controls">
                        <input type="text" name="username" value="" />
                    </div>
                </div>
                <div class="uk-form-row uk-width-4-5">
                    <label class="uk-form-label" for="password">Password<div class="req-label">Required</div></label>
                    <div class="uk-form-controls">
                        <input type="password" name="password" value="" />
                    </div>
                </div>
                <div class="uk-form-row uk-width-4-5">
                    <label class="uk-form-label" for="first_name">First Name<div class="req-label">Required</div></label>
                    <div class="uk-form-controls">
                        <input type="text" name="first_name" value="" />
                    </div>
                </div>
                <div class="uk-form-row uk-width-4-5">
                    <label class="uk-form-label" for="last_name">Last Name<div class="req-label">Required</div></label>
                    <div class="uk-form-controls">
                        <input type="text" name="last_name" value="" />
                    </div>
                </div>
                <div class="uk-form-row uk-width-4-5">
                    <label class="uk-form-label" for="email">Email<div class="req-label">Required</div></label>
                    <div class="uk-form-controls">
                        <input type="text" name="email" value="" />
                    </div>
                </div>
                <div class="uk-form-row uk-width-4-5">
                    <label class="uk-form-label" for="position">Position</label>
                    <div class="uk-form-controls">
                        <input type="text" name="position" value="" />
                    </div>
                </div>
                <div class="uk-form-row uk-width-4-5">
                    <label class="uk-form-label" for="location">Location</label>
                    <div class="uk-form-controls">
                        <input type="text" name="location" value="" />
                    </div>
                </div>
                <div class="uk-form-row uk-width-4-5">
                    <label class="uk-form-label" for="university">University</label>
                    <div class="uk-form-controls">
                        <input type="text" name="university" value="" />
                    </div>
                </div>
            </div>
            <div class="uk-width-1-3 uk-float-left">
                <div class="uk-form uk-form-stacked">
                    <div class="uk-form-row">
                        <label class="uk-form-label" for="spec-one"><strong>Specialities</strong></label>
                        <input type="text" name="spec-one" data-uk-tooltip title="Max.22 characters per line, only one line can have double!"/><br/>
                        <input type="text" name="spec-two"/><br/>
                        <input type="text" name="spec-three"/>
                    </div>
                    <div class="uk-form-row">
                        <label class="uk-form-label" for="subject"><strong>Subject</strong></label>
                        <div class="uk-form-controls">
                            <textarea name="subject" rows="5" style="width: 80%"></textarea>
                        </div>
                    </div>
                    <div class="uk-form-row">
                        <label class="uk-form-label" for="about"><strong>About</strong></label>
                        <div class="uk-form-controls">
                            <textarea name="about" rows="10" style="width: 80%"></textarea>
                        </div>
                    </div>

                    <div class="uk-form-row">
                        <input type="submit" class="uk-button uk-float-right" style="margin-right: 5vw;" value="Submit">
                    </div>
                </div>
            </div>

        </form>
    </div>

</div>

@stop