@extends('layouts.main')

@section('title')
System Matrix | User
@endsection

@section('menu')
{!! $menu !!}
@endsection

@section('content')
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="{{URL('/')}}">Home</a></li>
    <li class="breadcrumb-item"><a href="{{URL('/users')}}">Categories</a></li>
    <li class="breadcrumb-item active">{{$label}}</li>
</ol>
<div class="row">
    <div class="col-lg-12 sm-no-padding">
        <div class="card card-transparent">
            <div class="card-body no-padding">
                <div id="card-advance" class="card card-default">
                    <div class="card-body">
                        <form id="form-project" role="form" enctype="multipart/form-data" action="{{URL('/')}}/users{{$user_id != '' ? '/'.$user_id : ''}}" method="POST">
                            <div class="row">
                                <div class="col-lg-6 sm-no-padding">
                                    @if($user_id != "")
                                    <input type="hidden" name="_method" value="PUT"/>
                                    @endif
                                    @csrf
                                    <div class="form-group-attached">
                                        <div class="form-group form-group-default required"
                                            aria-required="true">
                                            <label>Name</label>
                                            <input type="text" class="form-control" name="name"
                                                value="{{Request::old('name') == "" ? $name : Request::old('name')}}"
                                                placeholder="" required="reqiured"
                                                aria-required="true" aria-invalid="true"
                                                aria-describedby="popover144430">
                                        </div>
                                        <div class="form-group form-group-default required"
                                            aria-required="true">
                                            <label>Username</label>
                                            <input type="text" class="form-control" name="username"
                                                value="{{Request::old('username') == "" ? $username : Request::old('username')}}"
                                                placeholder="" required="reqiured"
                                                aria-required="true" aria-invalid="true"
                                                aria-describedby="popover144430">
                                        </div>
                                        <div class="form-group form-group-default required"
                                            aria-required="true">
                                            <label>Email</label>
                                            <input type="text" class="form-control" name="email"
                                                value="{{Request::old('email') == "" ? $email : Request::old('email')}}"
                                                placeholder="" required="reqiured"
                                                aria-required="true" aria-invalid="true"
                                                aria-describedby="popover144430">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6" style="overflow: auto;
                                    max-height: 45vh;
                                    height: 100%;
                                    min-height: 25vh;">
                                    <div data-pages="card" class="bg-contrast-low card-default" id="card-basic">
                                        <div class="card-body flex-container">
                                            @foreach($roles as $result)
                                            <div class="form-check form-check-inline switch">
                                                <input type="checkbox" value="{{$result->id}}" name="role_ids[]" id="pagesSwitch{{$result->id}}" 
                                                @if($query != "")
                                                @if(count($user_roles->where('role_id', $result->id)) != 0) checked="checked" @endif @endif
                                                >
                                                <label for="pagesSwitch{{$result->id}}">{{$result->role}}</label>
                                            </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6 sm-no-padding">
                                    <div class="row">
                                        <div class="col-8">
                                            &nbsp;
                                        </div>
                                        <div class="col-4">
                                            <button aria-label="" class="btn btn-primary pull-right"
                                                type="submit"><i class="fas fa-save"></i>&nbsp;{{$label1}} User</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('page-script')
<script>
$(function() {
    $("#masterData").addClass('open');
    $("#masterData").addClass('active');
    $("#masterDataArrow").addClass('open');
    $("#masterDataArrow").addClass('active');
    $("#settings").addClass('open');
    $("#settings").addClass('active');
    $("#settingsArrow").addClass('open');
    $("#settingsArrow").addClass('active');
    $("#settingsList").css('display', 'block');
    $("#users").addClass('active');
});
</script>
@endsection