@extends('layouts.base')
@section('content')
<div class="page-inner">
        
    @include('partials.bread-crumbs')

    <div class="row">
        <div class="col-md-12">   
			<div class="card">
				<div class="card-header">
					<h4 class="card-title">{{trans('labels.search')}}   </h4>
				</div>
				<div class="card-body">
					<form id="searchForm" name="searchForm">
						<input type="hidden" id="hidApprovalType" />
						<div class="row">
							<div class="col-md-8">
								<div class="form-group form-group-default">
									<label for="approvalType">{{trans('labels.approval_type')}} </label>
									<select id="approvalType" name="approvalType" class="form-control" autocomplete="off" >
										<option value="">{{trans('labels.select')}}</option>
										@foreach(trans("constants.approval_types") as $k => $v)
											<option value="{{$k}}">{{$v}}</option>
										@endforeach
									</select>
									
								</div>
							</div>
							<div class="col-md-4" style="margin-top:10px">
								<button class="btn btn-primary " id="btnSearch" type="button"><span class="btn-label"><i class="fas fa-search"></i> {{trans('labels.search_button')}}</span> </button>
							</div>
						</div>
					</form>
				</div>
			
				<form id="form" name="form">
					
					<div class="card-header search-result"  style="display:none">
						<div class="align-items-center">
							<h4 class="card-title">{{trans('labels.search_result')}}   </h4>
						</div>
					</div>
					<div class="card-body search-result"  style="display:none">
						<div class="table-responsive">
							<table id="tblData" class="display table table-striped table-hover" >
								<thead>
									<tr>
										<th style="width:25px;">#</th>
										<th>{{trans('labels.approval_type')}} </th>
										<th>{{trans('labels.approval_level')}} </th>
										<th>{{trans('labels.approver')}} </th>
										<th>{{trans('labels.new_approver')}} </th>
										<th>id</th>
									</tr>
								</thead>
								<tbody>
									
								</tbody>
							</table>
						</div>
					</div> 

					<div class="card-footer search-result" style="display:none"> 
						<div class="row">
							<div class="col-md-12">    
								@can('approval_settings_update')
									<button type="button" class="btn btn-success text-center pull-right" id="btnSave" style="margin-right:10px;"><i class="fa fa-check-circle"></i> {{trans('labels.update_button')}}</button>
								@endcan
								
								@include('partials.buttons.reset')
							</div>
						</div>
					</div>
				</form>
			</div>
        </div>
    </div>

	
	
</div>


@endsection
@section('custom_scripts')
<script type="text/javascript" src="{{asset('js/xhr.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/services/constant.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/datatables.min.js')}}"> </script>
<script type="text/javascript" src="{{asset('js/system/approval-settings.js')}}"> </script>
@endsection