@include('includes/header')

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

@include('includes/sidebar')

<div class="app-content content">

    <div class="content-wrapper">

        <div class="content-header row">

            <div class="content-header-left col-md-6 col-12 mb-2 d-flex justify-content-left align-items-center">
                <a class="btn btn-secondary" href="javascript: history.go(-1)"><i class="fa fa-arrow-left"></i>
                </a>&nbsp;&nbsp;
                <h1 class="content-header-title mb-0">Create Users</h1>
            </div>
        </div>

        <div class="content-body">

            <section class="inputmask bg-light p-2" id="inputmask">
                <div class="row">
                    @if (\Session::has('success'))
                        <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <strong>{!! \Session::get('success') !!}</strong>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif

                    @if (\Session::has('error'))
                        <div class="alert alert-warning alert-dismissible fade show" role="alert">
                            <strong>{!! \Session::get('error') !!}</strong>
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                    @endif
                    
                    <div class="col-12 p-2">
                        <form action="{{route('create.users')}}" method="POST" enctype="multipart/form-data">
                            @csrf
                            <div class="card rounded">
                                <div class="card-header border-bottom bg-primary text-white">
                                    <h4 class="card-title text-white">Login Details</h4>
                                    <a class="heading-elements-toggle"><i
                                            class="fa fa-ellipsis-v font-medium-3"></i></a>
                                    <div class="heading-elements">
                                        <ul class="list-inline mb-0">
                                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="card-content collapse show">
                                    <div class="card-body">
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Username <span class="text-danger">*</span> </label></strong>
                                                        <input type="text" class="form-control" name="username" value="{{ old('username') }}" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Email <span class="text-danger">*</span></label></strong>
                                                        <input type="email" class="form-control" name="email" value="{{ old('email') }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <strong><label>Password <span class="text-danger">*</span></label></strong>
                                                        <input type="password" class="form-control" name="password" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <strong><label>Confirm Password <span class="text-danger">*</span></label></strong>
                                                        <input type="password" class="form-control" name="cpassword" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <strong><label>Role <span class="text-danger">*</span> </label></strong>
                                                        <select name="role" class="form-control">
                                                            @foreach($roles as $role)
                                                            <option value="{{$role['id']}}">{{$role['Name']}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Designation <span class="text-danger">*</span></label></strong>
                                                        <input type="text" class="form-control" name="designation" value="{{ old('designation') }}" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Team</label></strong>
                                                        <div class="form-group">
                                                            <select class="form-control" name="team">
                                                                @foreach($teams as $team)
                                                                    <option value="{{$team['id']}}">{{$team['Name']}}</option>  
                                                                @endforeach                                                          
                                                              </select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card rounded">
                                <div class="card-header border-bottom bg-primary text-white">
                                    <h4 class="card-title text-white">Personal Details</h4>
                                    <a class="heading-elements-toggle"><i
                                            class="fa fa-ellipsis-v font-medium-3"></i></a>
                                    <div class="heading-elements">
                                        <ul class="list-inline mb-0">
                                            <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="card-content collapse show">
                                    <div class="card-body">
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>First Name <span class="text-danger">*</span></label></strong>
                                                        <input type="text" class="form-control" name="firstname" value="{{ old('firstname') }}" required>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Last Name</label></strong>
                                                        <input type="text" class="form-control" name="lastname" value="{{ old('lastname') }}">
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Gender <span class="text-danger">*</span></label></strong>
                                                        <div class="form-group">
                                                            <select class="form-control" name="gender">
                                                                <option value="0">Male</option>                                                            
                                                                <option value="1">Female</option>                                                       
                                                              </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Phone Number <span class="text-danger">*</span></label></strong>
                                                        <input type="text" class="form-control" name="phone" value="{{ old('phone') }}">
                                                    </div>
                                                </div>
                                              
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <strong><label>Profile Picture</label></strong>
                                                        <div class="custom-file">
                                                            <input type="file" class="custom-file-input" name="profilepic" id="inputGroupFile01">
                                                            <label class="custom-file-label" for="inputGroupFile01">Choose file</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-actions left">
								<button type="submit" class="btn btn-primary">
									<i class="fa fa-check-square-o"></i> Create
								</button>
							</div>

                        </form>

                    </div>
                </div>

            </section>

        </div>
    </div>
</div>

<!-- /////////////////////////////////// MAIN CONTENT /////////////////////////////////////////-->

@include('includes/footer')