@extends('adminlte::page')
@section('title', 'Add User')

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1>Add User</h1>
        </div>
        <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('users') }}">Users</a></li>
                <li class="breadcrumb-item active">Add User</li>
            </ol>
        </div>
    </div>
@endsection
@section('content')

    @php
        use App\Models\User;
    @endphp

    <div class="row">
        <div class="col-md-12">
            {!! html()->form('POST', route('users.store'))->id('addUserForm')->open() !!}

            <div class="card card-primary card-outline">
                <div class="card-header">
                    <h3 class="card-title">General</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                    </div>
                </div>

                <div class="card-body">

                    {{-- Full Name and Alias --}}
                    <div class="row">
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Full Name <span class="text-danger">*</span>', 'full_name')->toHtml() !!}
                            {!! html()->text('full_name')->class('form-control')->value('')->placeholder('Enter Full Name') !!}
                        </div>
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Alias <span class="text-danger">*</span>', 'alias')->toHtml() !!}
                            {!! html()->text('alias')->class('form-control')->value('')->placeholder('Enter Alias') !!}
                        </div>
                    </div>

                    {{-- Email and Username --}}
                    <div class="row">
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Email Address <span class="text-danger">*</span>', 'email')->toHtml() !!}
                            {!! html()->email('email')->class('form-control')->value('')->placeholder('Enter Email Address') !!}
                        </div>
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Username <span class="text-danger">*</span>', 'username')->toHtml() !!}
                            {!! html()->text('username')->class('form-control')->value('')->placeholder('Enter Username') !!}
                        </div>
                    </div>

                    {{-- Role and Site --}}
                    <div class="row">
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Role <span class="text-danger">*</span>', 'role')->toHtml() !!}
                            {!! html()->select('role', ['' => 'Select Role'] + User::$user_types_names)->class('form-control')->value() !!} {{-- Default value (optional) --}}
                        </div>

                        <div class="col-sm-6 form-group">
                            {!! html()->label('Site <span class="text-danger">*</span>', 'site')->toHtml() !!}
                            {!! html()->select('site[]', $masterSites->toArray())->class('form-control select2')->id('sel2Category')->attribute('multiple') !!}

                        </div>
                    </div>

                    {{-- Status --}}
                    <div class="row">
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Status <span class="text-danger">*</span>', 'is_active')->toHtml() !!}
                            {!! html()->select('is_active', [
                                    '' => 'Select Status',
                                    '1' => 'Active',
                                    '0' => 'Inactive',
                                ])->class('form-control') !!}
                        </div>
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Enable Add/Edit Opportunities', 'is_able_opportunities')->toHtml() !!}
                            <div class="form-check">
                                {!! html()->checkbox('is_able_opportunities')->id('is_able_opportunities')->class('form-check-input') !!}
                                <label class="form-check-label" for="is_able_opportunities">
                                    Check if able to add/edit opportunities
                                </label>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            {{-- Action Buttons --}}
            <div class="row mt-3">
                <div class="col-12">
                    <a href="{{ route('users') }}" class="btn btn-secondary">Cancel</a>
                    <button type="submit" id="submitBtn" class="btn btn-success float-right">
                        <span id="submitText">Save Changes</span>
                        <span id="submitSpinner" class="spinner-border spinner-border-sm ml-2" role="status"
                            style="display: none;"></span>
                    </button>
                </div>

            </div>

            {!! html()->form()->close() !!}


            <!-- /.card -->
        </div>
    </div>

@endsection

@push('js')
    <script>
        const routes = {
            user: "{{ route('users') }}"
        };
        $('#sel2Category').select2({
            placeholder: 'Select Site',
            allowClear: false,
            theme: 'bootstrap4',
            width: '100%',

        });
    </script>

    <!-- Include jQuery, AdminLTE JS, and DataTables JS -->
    <script src="{{ asset('assets/js/backend/users/users.js') }}"></script>
@endpush