@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    Create a new team member ::
    @parent
@stop

{{-- Page content --}}
@section('content')

    <div class="toolbar row">
        <div class="col-sm-6 hidden-xs">
            <div class="page-header">
                <h1>Create a new team member <small></small></h1>
            </div>
        </div>
        <div class="col-sm-6 col-xs-12">
            <div class="toolbar-tools pull-right">
                <ul class="nav navbar-right">
                    <li><a href="{{ route('admin-team') }}" ><i class="fa fa-chevron-left"></i>Back</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <ol class="breadcrumb">
                <li><a href="{{ URL::to('admin') }}">Dashboard</a></li>
                <li><a href="{{ URL::to('admin/team') }}">Team</a></li>
                <li class="active">Create a new team member</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <!-- Notifications -->
            @include('admin/notifications')
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-white">
                <div class="panel-heading">
                    <h4 class="panel-title">Member Info</h4>
                    <div class="panel-tools">
                        <div class="dropdown">
                            <a data-toggle="dropdown" class="btn btn-xs dropdown-toggle btn-transparent-grey">
                                <i class="fa fa-cog"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-light pull-right" role="menu">
                                <li>
                                    <a class="panel-collapse collapses" href="#"><i class="fa fa-angle-up"></i> <span>Collapse</span> </a>
                                </li>
                                <li>
                                    <a class="panel-expand" href="#">
                                        <i class="fa fa-expand"></i> <span>Fullscreen</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <a class="btn btn-xs btn-link panel-close" href="#">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>

                <div class="panel-body">
                    <form class="form-horizontal" method="post" action="" autocomplete="off" enctype="multipart/form-data">
                        <!-- CSRF Token -->
                        <input type="hidden" name="_token" value="{{ csrf_token() }}" />

                        <div class="form-group">
                            <label for="language" class="col-sm-2 col-md-2 col-lg-1 control-label">Language</label>
                            <div class="col-sm-10 col-md-10 col-lg-11">
                                <select class="form-control" name="language" id="language" style="width:auto;" disabled="disabled">
                                    @foreach(languages() AS $keyLang=>$langItem)
                                        <option value="{{ $langItem->code }}"{{ ($langItem->code == defaultLanguage() ? ' selected="selected"' : '') }}>{{ $langItem->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="tabbable">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#tab-general" data-toggle="tab">General</a></li>
                                <li><a href="#tab-meta-data" data-toggle="tab">SEO</a></li>
                            </ul>

                            <div class="tab-content">
                                <div class="tab-pane active" id="tab-general">
                                    <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
                                        <label class="col-sm-2 control-label" for="name">Name</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="name" id="name" value="{{ old('name') }}" />
                                        </div>
                                    </div>

                                     {{-- <div class="form-group{{ $errors->has('position') ? ' has-error' : '' }}">
                                        <label class="col-sm-2 control-label" for="position">Position</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="position" id="position" value="{{ old('position') }}" />
                                        </div>
                                    </div> --}}

                                    <div class="form-group{{ $errors->has('position') ? ' has-error' : '' }}">
                                        <label class="col-sm-2 control-label" for="position">Position</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="position" id="position" value="{{ old('position') }}" />
                                        </div>
                                    </div>

                                    <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                                        <label class="col-sm-2 control-label" for="email">E-mail</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="email" name="email" id="email" value="{{ old('email') }}" />
                                        </div>
                                    </div>

                                    <div class="form-group{{ $errors->has('phone') ? ' has-error' : '' }}">
                                        <label class="col-sm-2 control-label" for="phone">Phone</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="tel" name="phone" id="phone" value="{{ old('phone') }}" />
                                        </div>
                                    </div>

                                    <div class="form-group{{ $errors->has('linkedin') ? ' has-error' : '' }}">
                                        <label class="col-sm-2 control-label" for="linkedin">LinkedIn</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="linkedin" id="linkedin" value="{{ old('linkedin') }}" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="thumbnail">Thumbnail</label>
                                        <div class="col-sm-9">
                                            <div class="input-group">
                                                <input class="form-control" type="text" name="thumbnail" id="thumbnail" value="{{ old('thumbnail') }}"/>
                                                <span class="input-group-btn">
                                                    <a href="#" field-id="thumbnail" id="team-select-thumbnail" title="" class="btn btn-primary elfinder-select-item">Select</a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="image">Image</label>
                                        <div class="col-sm-9">
                                            <div class="input-group">
                                                <input class="form-control" type="text" name="image" id="image" value="{{ old('image') }}"/>
                                                <span class="input-group-btn">
                                                    <a href="#" field-id="image" id="team-select-image" title="" class="btn btn-primary elfinder-select-item">Select</a>
                                                </span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group{{ $errors->has('description') ? ' has-error' : '' }}">
                                        <label class="col-sm-2 control-label" for="description">Description</label>
                                        <div class="col-sm-9">
                                            <textarea class="ckeditor" name="description" id="description" rows="4">{{ old('description') }}</textarea>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="status">Status</label>
                                        <div class="col-sm-9">
                                            <select name="status" id="status" class="form-control" style="width:auto;">
                                                <option value="1"{{ (old('status') == '1' ? ' selected="selected"' : '') }}>Active</option>
                                                <option value="0"{{ (old('status') == '0' ? ' selected="selected"' : '') }}>Inactive</option>
                                            </select>
                                        </div>
                                    </div>

                                </div>

                                <div class="tab-pane" id="tab-meta-data">

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">URL</label>
                                        <div class="col-sm-9">
                                            <div class="input-group">
                                                <span class="input-group-addon">{{ str_finish(URL::to('/' . defaultLanguage() . '/'), '/') }}</span>
                                                <input class="form-control" type="text" name="slug" id="slug" value="{{ old('slug') }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="meta-title">Meta Title</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="meta-title" id="meta-title" value="{{ old('meta-title') }}" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="meta-description">Meta Description</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="meta-description" id="meta-description" value="{{ old('meta-description') }}" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="meta-keywords">Meta Keywords</label>
                                        <div class="col-sm-9">
                                            <input class="form-control" type="text" name="meta-keywords" id="meta-keywords" value="{{ old('meta-keywords') }}" />
                                        </div>
                                    </div>

									<div class="form-group">
										<label class="col-sm-2 control-label" for="facebook_meta_image">Facebook Meta Image</label>
										<div class="col-sm-9">
											<div class="input-group">
												<input class="form-control" type="text" name="facebook_meta_image" id="facebook_meta_image" value="{{ old('facebook_meta_image') }}"/>
												<span class="input-group-btn">
													<a href="#" id="team-select-facebook-image" title="" class="btn btn-primary">Select</a>
												</span>
											</div>
										</div>
									</div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label"></label>
                                        <div class="col-sm-9">
                                            <label class="checkbox-inline">
                                                <input type="checkbox" class="flat-black" name="show_in_sitemap" id="show_in_sitemap" value="1" {{ (old('show_in_sitemap')=='1'?'checked="checked"':'') }}> Show in site map
                                            </label>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="page_priority">Page priority (0-1)</label>
                                        <div class="col-sm-2">
                                            <input class="form-control" type="text" name="page_priority" id="page_priority" value="{{ old('page_priority') }}" />
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label" for="page_change_frequency">Page change frequency</label>
                                        <div class="col-sm-9">
                                            <select name="page_change_frequency" id="page_change_frequency" class="form-control" style="width:auto;">
                                                @foreach(config('pages.page-change-frequencies') AS $key=>$frequency)
                                                    <option value="{{ $key }}"{{ (old('page_change_frequency') == $key ? ' selected="selected"' : '') }}>{{ $frequency }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="form-group" style="padding-top:20px;">
                            <div class="col-sm-offset-2 col-sm-9">
                                <a class="btn btn-link" href="{{ route('admin-team') }}">Cancel</a>

                                <button type="reset" class="btn">Reset</button>

                                <button type="submit" name="save-and-return" class="btn btn-default">{{ trans('admin/general.save-and-return') }}</button>

                                <button type="submit" class="btn btn-success">Save</button>
                            </div>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>

@stop

@section('scripts')

@stop