@extends('admin/layouts/default')

{{-- Page title --}}
@section('title')
    Create New employe
    @parent
@stop
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#position").change(function () {
            if ($(this).val() == "ticker") {
                $("#block").show();

            } else {
                $("#block").hide();
                $("#gate").hide();

            }
        });
    });
</script>
<script type="text/javascript">
    $(function () {
        $("#block").change(function () {
            if ($(this).val() == "") {
                $("#gate").show();

            } else {
                $("#gate").hide();

            }
        });
    });
</script>
@section('content')
    <section class="content-header">
        <h1>DMU Employees Registration</h1>
        <ol class="breadcrumb">
            <li>
                <a href="{{ route('dashboard') }}"> <i class="livicon" data-name="home" data-size="16" data-color="#000"></i>
                    Dashboard
                </a>
            </li>
            <li>employes</li>
            <li class="active">Create New employe</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-lg-11">
                <div class="panel panel-primary ">
                    <div class="panel-heading">
                        <h4 class="panel-title"> <i class="livicon" data-name="plus-alt" data-size="16" data-loop="true" data-c="#fff" data-hc="white"></i>
                            Register New Employees Form
                        </h4>
                    </div>
                    <div class="panel-body">
                        @if ($errors->any())
                            <ul class="alert alert-danger">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        @endif

                        {!! Form::open(['url' => session::get('role_name').'/employes']) !!}

                        <div class="form-group">
                            {!! Form::label('fname', 'Fname: ') !!}
                            {!! Form::text('fname', null, ['class' => 'form-control']) !!}
                        </div>

                        <div class="form-group">
                            {!! Form::label('lname', 'Lname: ') !!}
                            {!! Form::text('lname', null, ['class' => 'form-control']) !!}
                        </div>
                        <div class="form-group">
                            {!! Form::label('address', 'Address: ') !!}
                            {!! Form::text('address', null, ['class' => 'form-control']) !!}
                        </div>
                        <div class="form-group">
                            {!! Form::label('sex', 'Sex: ') !!}
                            {!! Form::text('sex', null, ['class' => 'form-control']) !!}
                        </div>
                        <div class="form-group">
                            {!! Form::label('age', 'Age: ') !!}
                            {!! Form::text('age', null, ['class' => 'form-control']) !!}
                        </div>
                        <div class="form-group">
                            {!! Form::label('phone', 'Phone: ') !!}
                            {!! Form::text('phone', null, ['class' => 'form-control']) !!}
                        </div>
                        <div class="form-group">
                            {!! Form::label('kebele', 'Kebele: ') !!}
                            {!! Form::text('kebele', null, ['class' => 'form-control']) !!}
                        </div>
                        <div class="form-group">
                            <label for="pic" class="col-sm-2 control-label">Profile picture</label>
                            <div class="col-sm-10">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail" style="width: 200px; height: 200px;">
                                        <img src="http://placehold.it/200x200" alt="profile pic">
                                    </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 200px;"></div>
                                    <div>
                                <span class="btn btn-default btn-file">
                                    <span class="fileinput-new">Select image</span>
                                    <span class="fileinput-exists">Change</span>
                                    <input id="pic" name="pic" type="file" class="form-control"/>
                                </span>
                                        <a href="#" class="btn btn-danger fileinput-exists"
                                           data-dismiss="fileinput">Remove</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <span>Select Employee Position</span>
                        <select id="position" name="position">
                            <option value="" selected >Select Employes Position</option>
                            <option value="ticker">Ticker</option>
                            <option value="wood">wood</option>
                            <option value="enjera bet">enjera bet</option>
                            <option value="wot bet">wot bet</option>
                        </select>
                        <div id="block" style="display: none">
                            Ticking Block:
                            <select id="block" name="block">
                                <option value="" selected >Select Ticking Block</option>
                                <option value="01">block 01</option>
                                <option value="02">block 02</option>
                                <option value="03">block 03</option>
                                <option value="04">block 04</option>
                                <option value="05">block 05</option>
                                <option value="06">block 06</option>
                                <option value="07">block 07</option>
                                <option value="08">block 08</option>
                            </select>
                        </div>
                        <br>
                        <div id="gate" style="display: none">
                            Ticking Gate:
                            <select id="gate" name="gate">
                                <option value="" selected >Select Ticking gate</option>
                                <option value="01">Gate 01</option>
                                <option value="02">Gate 02</option>
                                <option value="03">Gate 03</option>
                                <option value="04">Gate 04</option>
                                <option value="05">Gate 05</option>
                                <option value="06">Gate 06</option>
                                <option value="07">Gate 07</option>
                                <option value="08">Gate 08</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-4">
                                <a class="btn btn-danger" href="{{ route('admin.employes.index') }}">
                                    @lang('button.cancel')
                                </a>
                                <button type="submit" class="btn btn-success">
                                    @lang('button.save')
                                </button>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </div>
    </section>
@stop