@extends('layouts.default')
@php
    /** @var \App\Models\User $user */
@endphp

{{-- Page Title --}}
@section('title')
    Edit User
    @parent
@stop

{{-- Content --}}
@section('content')
    <div class="container">
        <h1>
            Edit Staff #{{ $user->id }}
            <a class="btn btn-dark float-right" href="{{ route('user.index') }}">Cancel</a>
        </h1>
        <hr/>
        <form method="POST" action="{{ route('user.update', $user->id) }}">
            @csrf
            @method('PUT')
            {{--Name--}}
            <div class="row">
                <div class="col-sm-6">
                    @include('components.form.input_row', [
                        'name' => 'first_name',
                        'label' => 'First Name',
                        'validation' => 'maxLength="190"',
                        'value' => $user->first_name
                    ])
                </div>
                <div class="col-sm-6">
                    @include('components.form.input_row', [
                        'name' => 'last_name',
                        'label' => 'Last Name',
                        'validation' => 'maxLength="190"',
                        'value' => $user->last_name
                    ])
                </div>
            </div>
            {{--Email--}}
            @include('components.form.input_row', [
                'type' => 'email',
                'name' => 'email',
                'label' => 'Email',
                'validation' => 'maxLength="190"',
                'value' => $user->email
            ])
            {{--Role--}}
            @include('components.form.input_select_row', [
                'name' => 'role',
                'label' => 'Role',
                'data' => array_combine($roles, array_map('ucfirst', $roles)),
                'value' => $user->getRoleNames()->first()
            ])

            {{--Submit--}}
            <div class="form-group text-right">
                <button type="submit" class="btn btn-primary btn-lg px-5">Save</button>
            </div>
        </form>
        @can("delete {$user->getRoleNames()->first()}s")
            <h2>Remove User</h2>
            <hr/>
            <button class="btn btn-danger" data-toggle="delete"
                    data-url="{{ route('user.destroy', $user->id) }}" data-item="{{ $user->full_name }}">
                <i class="fa fa-trash" aria-hidden="true"></i>
                Remove user permanently
            </button>
            @include('components.remove_confirmation')
        @endcan
    </div>
@endsection