@extends('layouts.master')

@section('styles')

@endsection

@section('title')
    @lang('Invite User')
@endsection

@section('breadcrumbs')
    @component('components.breadcrumb', [
        'items' => [
            ['url' => '#', 'label' => 'Admin'],
            ['url' => route('companies.index'), 'label' => 'Companies'],
            ['url' => route('companies.show', ['company' => $company]), 'label' => $company->name],
            ['url' => '#', 'label' => __('Invite User')],
        ]
    ])@endcomponent
@endsection

@section('content')

    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <h5 class="card-header bg-transparent border-bottom text-uppercase">@lang('Invite User')</h5>
                    <div class="card-body">
                        <p>@lang('You can invite a user and give him a role. The user will receive an email with a link to the registration form. Please make sure that the email address provided is correct.')</p>

                        <form action="{{route('invite.store', ['company' => $company])}}" method="POST">

                            @csrf

                            @component('components.form.input', [ 'name' => 'email', 'label' => __('Email Address')])@endcomponent
                            <input type="hidden" name="company_uuid" value="{{$company->uuid}}" />

                            @component('components.form.select2multi', [ 'name' => 'roles', 'label' => __('Roles'), 'class' => 'select2', 'attributes' => 'multiple="multiple"', 'values' => $company->roles->pluck('title', 'uuid')->toArray()])@endcomponent

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

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

@endsection

@section('scripts')
@endsection