@extends('layouts.app')

@section('content')
<!-- Container -->
{{-- <div class="container-fluid"> --}}
	
    <!-- Breadcrumb -->
    <nav class="hk-breadcrumb" aria-label="breadcrumb">
        <ol class="breadcrumb breadcrumb-light bg-transparent">
            <li class="breadcrumb-item active" aria-current="page"><h3>User Management</h3></li>
        </ol>
    </nav>
    <!-- /Breadcrumb -->
    
    <div class="row">
        <div class="col-xl-12">
            <section class="hk-sec-wrapper border-top-0 border-bottom-0 border-right-0 border-left-0">

                <div class="row">
                    <div class="col-xl-6">

                        <section class="hk-sec-wrapper hk-invoice-wrap pa-35">

                            <form action="{{ route('credentials.store') }}" method="post">
                                @csrf

                                <div class="invoice-from-wrap">

                                    <div class="form-group row">
                                        <label for="user_name" class="col-sm-4 col-form-label">
                                            <h6 class="mb-5" >Name*</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="user_name" placeholder="Name" name="name"
                                            value="" required>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="user_email" class="col-sm-4 col-form-label"><h6 class="mb-5">Email*</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="user_email" placeholder="Email" name="email"
                                            value="" required>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <label for="user_pass" class="col-sm-4 col-form-label"><h6 class="mb-5">Password*</h6></label>
                                        <div class="col-sm-8">
                                            <input type="text" class="form-control" id="user_pass" placeholder="Password" name="password"
                                            value="" required>
                                        </div>
                                    </div>

                                    <hr class="mt-0">

									<div class="form-group row">
                                        <label for="credentials" class="col-sm-4 col-form-label"><h6>Credentials</h6></label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                               <select class="selectpicker" data-width="100%" id="credentials" name="credentials[]" multiple  title="Basic">
                                                    @foreach( $credentials as $credential )
														@if ($credential->camel_string != "can_setup_new_tracking" && $credential->camel_string != "can_view_trackings" && $credential->camel_string != "can_task") {
                                                            <option value="{{ $credential->id }}">
                                                                {{ $credential->title }}
                                                            </option>
														@endif
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <label for="timezone" class="col-sm-4 col-form-label"><h6>Timezone</h6></label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                               <select class="select2" data-width="100%" id="timezone" name="timezone">
                                                    @foreach( $timezones as $timezone )
                                                            <option value="{{ $timezone->name }}"
                                                                {{ ( 'Europe/Belgrade' == $timezone->name ) ? 'selected' : '' }}
                                                            >{{ $timezone->name }}
                                                            </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <label for="colour" class="col-sm-4 col-form-label"><h6>Color</h6></label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                               <select class="form-control" name="colour">
                                                    @foreach (config('defines.UserColor') as $data_k => $data_v)
                                                        <option class="bg-{{ $data_k }}" value="{{ $data_k }}">{{ $data_v }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <label for="notif_new_onboarding_chk" class="col-sm-4 col-form-label"><h6 class="mb-5">Notify on New Onboarding</h6></label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <select class="form-control" name="notif_new_onboarding_chk" >
                                                    <option value="true">Yes</option>
                                                    <option value="false" selected="selected">No</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <label for="team_leader_chk" class="col-sm-4 col-form-label"><h6 class="mb-5">Team Leader</h6></label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                                <select class="form-control" name="team_leader_chk" >
                                                    <option value="true">Yes</option>
                                                    <option value="false" selected="selected">No</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="form-group row">
                                        <label for="team" class="col-sm-4 col-form-label"><h6>Team</h6></label>
                                        <div class="col-sm-8">
                                            <div class="input-group">
                                               <select class="selectpicker" data-width="100%" id="team" name="team[]" multiple  title="None">
                                                    @foreach( $users as $userdata )

                                                        <option value="{{ $userdata->id }}">
                                                            {{ $userdata->name }}
                                                        </option>

                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <hr class="mt-0">

                                    <div class="col-12 text-right">

                                        <a class="btn btn-sm btn-light mr-2 w-150p" href="{{ route('credentials.index') }}">Cancel / Back</a>
                                        <button class="btn btn-sm btn-primary w-150p" type="submit">Save</a>

                                    </div>

                                </div>

                            </form>

                        </section>

                    </div>

                    <div class="col-xl-6">



                </div>
            </div>

        </section>
    </div>
</div>
<!-- /Container -->

@endsection