@include('shared.header')
<script src="{{ asset('backAssets/global_assets/js/plugins/forms/styling/uniform.min.js') }}"></script>
	<script src="{{ asset('backAssets/global_assets/js/plugins/forms/styling/switchery.min.js') }}"></script>
	<script src="{{ asset('backAssets/global_assets/js/plugins/forms/styling/switch.min.js') }}"></script>
<script src="{{ asset('backAssets/global_assets/js/demo_pages/form_checkboxes_radios.js') }}"></script>
<!-- Main content -->
<div class="content-wrapper">
            <!-- Page header -->
            <div class="page-header page-header-light">
                <div class="page-header-content header-elements-md-inline">
                    <div class="page-title d-flex">
                        <h4><i class="icon-arrow-left52 mr-2"></i> <span class="font-weight-semibold">Utilisateurs</span> - Ajouter nouveaux Utilisateur</h4>
                        <a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
                    </div>
                </div>

                <div class="breadcrumb-line breadcrumb-line-light header-elements-md-inline">
                    <div class="d-flex">
                        <div class="breadcrumb">
                            <a href="/" class="breadcrumb-item"><i class="icon-home2 mr-2"></i> Home</a>
                            <span class="breadcrumb-item active">Utilisateurs</span>
                        </div>

                        <a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
                    </div>
                </div>
            </div>
            <!-- /page header -->

            <!-- Content area -->
            <div class="page-content">
		        <!-- Main content -->
		        <div class="content-wrapper">
			        <!-- Content area -->
			        <div class="content">

                        <div class="card">
							<div class="card-header header-elements-inline">
				                <h6 class="card-title">Ajouter un Utilisateurs</h6>
							</div>

			                <div class="card-body">
			                	<form action="{{ route('user.store') }}" method="post" enctype="multipart/form-data">
                                {{ csrf_field() }}
									<div class="form-group">
										<label>Nom:</label>
										<input type="text" name="name" class="form-control" placeholder="Nom">
									</div>
									<div class="form-group">
										<label>Login:</label>
										<input type="text" name="mail" class="form-control" placeholder="Login">
									</div>
									<div class="form-group">
										<label>Email:</label>
										<input type="text" name="userMail" class="form-control" placeholder="Email">
									</div>
									<div class="form-group">
										<label>Role:</label>
                                        <select class="form-control select-search" name="role_id" data-fouc>
                                            @foreach($user_role as $key => $c)
                                                <option value="{{ $c->id }}">{{ $c->name }}</option>
                                            @endforeach
									    </select>
									</div>
									<div class="form-group">
										<label>Téléphone:</label>
										<input type="text" name="phone" class="form-control" placeholder="Téléphone">
									</div>
									<div class="form-group">
										<label>Mot de passe:</label>
										<input type="password" name="password" class="form-control" placeholder="Mot de passe">
									</div>
									<div class="form-group">
										<label>Permission:</label>
									</div>
								<div class="form-check form-check-switchery">
									<label class="form-check-label">
										<input type="checkbox" name="dashboard" class="form-check-input-switchery-primary" checked data-fouc>
										Tableau de bord
									</label>
								</div>

								<div class="form-check form-check-switchery">
									<label class="form-check-label">
										<input type="checkbox" name="customerManager" class="form-check-input-switchery" data-fouc>
										Gestion des Clients
									</label>
								</div>
								<div class="form-check form-check-switchery">
									<label class="form-check-label">
										<input type="checkbox" name="propertyManager" class="form-check-input-switchery" data-fouc>
										Gestion des Logements
									</label>
								</div>

								<div class="form-check form-check-switchery">
									<label class="form-check-label">
										<input type="checkbox" name="tasks" class="form-check-input-switchery" data-fouc>
										Planification
									</label>
								</div>

								<div class="form-check form-check-switchery">
									<label class="form-check-label">
										<input type="checkbox" name="depense" class="form-check-input-switchery" data-fouc>
										Gestion des Dépenses
									</label>
								</div>
								<div class="form-check form-check-switchery">
									<label class="form-check-label">
										<input type="checkbox" name="stock" class="form-check-input-switchery" data-fouc>
										Gestion de Stock
									</label>
								</div>

								<div class="form-check form-check-switchery">
									<label class="form-check-label">
										<input type="checkbox" name="income" class="form-check-input-switchery-danger" data-fouc>
										Income
									</label>
								</div>

								<div class="form-check form-check-switchery">
									<label class="form-check-label">
										<input type="checkbox" name="calendar" class="form-check-input-switchery" data-fouc>
										Calendrier
									</label>
								</div>
								<div class="form-check form-check-switchery">
									<label class="form-check-label">
										<input type="checkbox" name="reservation" class="form-check-input-switchery" data-fouc>
										Gestion des Reservations
									</label>
								</div>

								<div class="form-check form-check-switchery">
									<label class="form-check-label">
										<input type="checkbox" name="question" class="form-check-input-switchery" data-fouc>
										Gestion des Questionnaire
									</label>
								</div>
								<div class="form-check form-check-switchery">
									<label class="form-check-label">
										<input type="checkbox" name="userManager" class="form-check-input-switchery" data-fouc>
										Gestion des Utilisateurs
									</label>
								</div>
									<div class="d-flex justify-content-between align-items-center">
										<button type="submit" class="btn bg-blue ml-3">Ajouter <i class="icon-paperplane ml-2"></i></button>
									</div>

								</form>
							</div>
		                </div>
		                <!-- /checkbox + button -->

			        </div>
			        <!-- /content area -->
		        </div>
		        <!-- /main content -->
            </div>
	        <!-- /page content -->
        </div>
	</div>
	</div>
@include('shared.footer')