@extends('layouts.admin')
@section('content-title')
	{{ __('functions.Functions Managements') }}
@endsection
@section('content-breadcrumbs')
	{{ Breadcrumbs::render('admin.functions')}}
@endsection
@section('css')
	<style>
		.input-group-text{
			line-height: 0;
		}
		#ppe-chk{
			margin-right: 4px;
		}
		.function-btns .btn{
			padding-right: 6px;
			padding-left: 6px;
		}
		.function-btns .fa{
            font-size: 20px;
            margin: 0;
            padding: 0;
        }
		/* Save button */
		#my-btn {
			padding-top: 4px;
		}

		@media screen and (max-width: 500px){
			.function-btns .btn{
				margin-bottom: 5px;
			}
		}
	</style>
@endsection
@section('content')
<div class="card-box tilebox-one noradius">

	@if(session()->has('success'))
	<div class="alert alert-success alert-dismissible fade show" role="alert">
		{{ session()->get('success') }}
			<button type="button" class="close" data-dismiss="alert" aria-label="Close">
			<span aria-hidden="true">&times;</span>
		</button>
	</div>
	@endif

	@if(session()->has('deleted'))
	<div class="alert alert-warning alert-dismissible fade show" role="alert">
		{{ session()->get('deleted') }}
			<button type="button" class="close" data-dismiss="alert" aria-label="Close">
			<span aria-hidden="true">&times;</span>
		</button>
	</div>
	@endif

	<h2 class="page-header">{{ __('functions.List of Functions')}}</h2>
	<section>
		{!!Form::open()->locale('functions')->post()->route('admin.function.store')!!}
		<div class="row">
			<div class="col-md-3"></div>
			<div class="col-md-6">
				<div class="form-group">
					<div class="input-group mb-3">
						<input type="text" name="libelle" class="form-control" placeholder="{{ __('functions.Function Label ...') }}">
						<div class="input-group-append">
							<div class="input-group-text">
								<label class="checkbox-inline mb-0">
									<input id="ppe-chk" name="ppe" type="checkbox" value="ppe">
									{{ __('functions.ppe') }}
								</label>
							</div>
							<button type="submit" class="btn btn-outline-secondary" id="my-btn">{{ __('functions.Add') }}</button>	
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-3"></div>
		</div>	
		{!!Form::close()!!}
	</section>
	<section>
		<table class="table table-sm table-striped">
			<thead>
				<tr>
					<th scope="col" width="10">#</th>
					<th scope="col">{{ __('functions.Libelle') }}</th>
					<th scope="col">{{ __('functions.PPE') }}</th>
					<th scope="col" width="220"></th>
				</tr>
			</thead>
			<tbody>