@extends('layouts.app')
{{-- Customize layout sections --}}

@section('subtitle', 'USERS')
@section('content_header_title', 'USERS')
@section('content_header_subtitle', 'NEW')

{{-- Content body: main page content --}}
@section('content_body')
{{html()->form('POST', route('user.store'))->open()}}
<div class="card text-dark">
    <div class="card-header">
        <h3 class="card-title">NEW USER</h3>
        <div class="card-tools">
            <a href="{{route('user.index')}}" class="btn btn-secondary btn-sm">
                <i class="fa fa-sm fa-arrow-left"></i>
                BACK
            </a>
        </div>
    </div>
    <div class="card-body">
        
        <div class="row">
            <div class="col-lg-3">
                <div class="form-group">
                    {{html()->label('Name', 'name')}}
                    {{html()->text('name')->class('form-control'.($errors->has('name') ? ' is-invalid' : ''))->placeholder('Name')}}
                    <small class="text-danger">{{$errors->first('name')}}</small>
                </div>
            </div>

            <div class="col-lg-3">
                <div class="form-group">
                    {{html()->label('Email', 'email')}}
                    {{html()->text('email')->class('form-control'.($errors->has('email') ? ' is-invalid' : ''))->placeholder('Email')}}
                    <small class="text-danger">{{$errors->first('email')}}</small>
                </div>
            </div>
        </div>

        <hr>

        <div class="row">

            <div class="col-12">
                <label class="mb-0">USER ROLES{!!$errors->has('roles') ? '<span class="ml-2 badge badge-danger">Required</span>' : ''!!}</label>
                <hr class="m-0 mb-2">
            </div>
            <div class="col-12 row">
                @foreach($roles->chunk(5) as $role_group)
                    <div class="col-lg-3">
                        @foreach($role_group as $role)
                            @if($role->name != 'superadmin' || auth()->user()->hasRole('superadmin'))
                                <div class="custom-control custom-checkbox mb-1">
                                    {{html()->checkbox('roles[]', false, $role->name)->class('custom-control-input')->id('role'.$role->id)}}
                                    {{html()->label($role->name, 'role'.$role->id)->class('custom-control-label')}}
                                </div>
                            @endif
                        @endforeach
                    </div>
                @endforeach
            </div>

        </div>

    </div>
    <div class="card-footer text-right">
        {{html()->submit('ADD USER')->class('btn btn-primary btn-sm')}}
    </div>
</div>
{{html()->form()->close()}}
@stop

{{-- Push extra CSS --}}
@push('css')
    {{-- Add here extra stylesheets --}}
@endpush

{{-- Push extra scripts --}}
@push('js')
    <script>
    </script>
@endpush