@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><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>Edit 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::to('/images'). '/' .$image }}" id="tut_img" data-uk-tooltip title="Photo must be with aspect ratio 1:1" style="width:200px;height:200px;" 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="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="{{ $tutor->user->username }}"/>
                    </div>
                </div>
                <div class="uk-form-row uk-width-4-5">
                    <label class="uk-form-label" for="password">Password</label>
                    <div class="uk-form-controls data-uk-tooltip" title="Do not type here unless you want to change password!">
                        <input type="password" name="password" placeholder="Leave empty to keep current password!" />
                    </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="{{ $tutor->user->first_name }}"/>
                    </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!" value=""/><br/>
                        <input type="text" name="spec-two" value=""/><br/>
                        <input type="text" name="spec-three" value=""/>
                        <input type="hidden" name="edit" value="" />
                    </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>
            <input type="hidden" name="tutor_id" value="{{ $tutor->id }}">
            <input type="hidden" name="_method" value="put">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
        </form>
    </div>

</div>

@stop