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

@section('content_header')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1>Edit 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">Edit User</li>
            </ol>
        </div>
    </div>
@endsection

@section('content')

    @php
        use App\Models\User;
    @endphp

    <div class="row">
        <div class="col-md-12">
            {!! html()->modelForm($user, 'PUT', route('users.update', $user->id))->id('editUserForm')->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')->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')->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')->placeholder('Enter Email Address')->attribute('readonly', true) !!}
                        </div>
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Username <span class="text-danger">*</span>', 'username')->toHtml() !!}
                            {!! html()->text('username')->class('form-control')->placeholder('Enter Username')->attribute('readonly', true) !!}
                        </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') !!}
                        </div>
                        <div class="col-sm-6 form-group">
                            {{-- Site Selection --}}
                            {!! html()->label('Site <span class="text-danger">*</span>', 'site')->toHtml() !!}
                            {!! html()->multiselect('site[]', $masterSites->toArray())->value($selectedSiteId)->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>
                    {{-- Created By and Created Date --}}
                    <div class="row">
                        <div class="col-sm-6 form-group">
                            {!! html()->label('Created By', 'created_by')->toHtml() !!}
                            {!! html()->select('created_by', $userList, $user->created_by)->class('form-control custom-select')->placeholder('Created By')->attribute('disabled', true) !!}
                        </div>

                        <div class="col-sm-6 form-group">
                            {!! html()->label('Created Date', 'created_at')->toHtml() !!}
                            {!! html()->text('created_at')->class('form-control')->placeholder('Created Date')->value(optional($user->created_at)->format('d-m-Y'))->attribute('disabled', true) !!}
                        </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() !!}
        </div>
    </div>

@endsection

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