@extends('AdminLte.template')

<!--Title-->
@section('title')
Employee Directory
@endsection
<!--Title Close-->

<!--External CSS-->
@section('ExternalCss')
@parent
@endsection
<!--External CSS Close--> 

@section('Content')
<!-- Your Page Content Here -->

<!--View Content of database-->
<div class="table-responsive">
    <div class="col-md-12">
        <table class="table borderNone commonFontSize">
            <thead>
                <tr>
                    <th class="th" colspan="8">
                        <h3 style="margin-top:3px !important; margin-bottom:2px !important;" class="txtCenter">Employee Directory</h3>
                        <br/>

                        <!--Search functionality-->
                        {{ Form::open(['action' => 'EmployeeDirectoryController@index','method' => 'POST','role' => 'search','autocomplete' => 'off']) }}
                        <div class="col-md-6 padding3 borderSearchBox" >
                            <div class="input-group" style="float:left;">
                                <select name="searchColumn" class="form-control inputType">
                                    <option value="all" >Name</option>


                                </select>
                            </div>
                            <div class="input-group" style="float:left;">
                                <select name="searchType" class="form-control inputType">
                                    <option value="contains" >Contains</option>
                                    <option value="begins" >Begins with</option>
                                </select>
                            </div>
                            <div class="input-group col-md-6" style="float:left;">
                                <input type="text" class="form-control textBox txtUpperCase" value="{{ $search}}" name="search" placeholder="Search"> 
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn-sm btn-primary inputType "> <span class="glyphicon glyphicon-search"></span></button></span>
                            </div>
                            {{ Form::close() }}
                            <!--End Search functionality-->
                        </div>
                        <div class="col-md-7" style=" float:right;">

                        </div>
                    </th>
                </tr>
                <tr>
                    <th width="5%;" class="th warning txtRight borderTopBottom" >Emp Id</th>                    
                    <th class="th warning  txtLeft borderTopBottom">Image</th>
                    <th class="th warning borderTopBottom">Name</th>
                    <th class="th warning txtLeft borderTopBottom">Designation</th>
                    <th class="th warning textRight borderTopBottom">Department</th>
                    <th class="th warning textRight borderTopBottom"> Office Contact no.</th>
                    <th class="th warning textRight borderTopBottom">Office Email</th>
                </tr>
            </thead>
            <tbody>