@extends('layouts.master')

@section('styles')
{{--    <link rel="stylesheet" href="{{ mix('css/Profile.css') }}">--}}
@endsection

@section('title')
    @lang('Profile')
@endsection

@section('breadcrumbs')
    @component('components.breadcrumb', [
        'items' => [
            ['url' => route('profile.index', ['#users']), 'label' => 'Profile'],
            ['url' => route('profile.index', ['#users']), 'label' => $user->name],
        ],
        'title' => __('Edit user')
    ])@endcomponent
@endsection

@section('content')

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">

                    <div class="card-body">

                        <h4 class="card-title pb-2">@lang('Edit user')</h4>

                        <form action="{{route('profile.user.update', ['user' => $user])}}" method="POST">

                            @csrf
                            @method('PUT')

                            <div class="row">
                                <div class="col">
                                    @component('components.form.input', [ 'name' => 'name', 'object' => $user, 'label' => __('Username')])@endcomponent
                                </div>
                                <div class="col">
                                    @component('components.form.input', [ 'name' => 'email', 'object' => $user, 'label' => __('Email')])@endcomponent
                                </div>
                            </div>

                            <div class="row">
                                <div class="col">
                                    @component('components.form.password', [ 'name' => 'password', 'label' => __('Password')])@endcomponent
                                </div>
                                <div class="col">
                                    @component('components.form.password', [ 'name' => 'password_confirmation', 'label' => __('Confirm Password')])@endcomponent
                                </div>
                            </div>

                            <div class="row">
                                <div class="col">
                                    @component('components.form.select2multi', [ 'name' => 'roles', 'label' => __('Roles'), 'object' => $user->roles->pluck('title', 'uuid')->toArray(), 'values' => \App\Models\User::getCompanyRoles()])@endcomponent
                                </div>
                                <div class="col">
                                    @if(user()->id == $user->id)
                                        @component('components.form.select', [ 'name' => 'status', 'label' => __('Status'), 'object' => $user, 'values' => ['10' => __('Active')]])@endcomponent
                                    @else
                                        @component('components.form.select', [ 'name' => 'status', 'label' => __('Status'), 'object' => $user, 'values' => ['10' => __('Active'), '7' => __('Suspended')]])@endcomponent
                                    @endif

                                </div>
                            </div>



                            <button type="submit" class="btn btn-sm btn-primary mobile-btn">@lang('Save')</button>

                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection

@section('scripts')
{{--    <script src="{{ mix('js/Profile.js') }}"></script>--}}
@endsection