@extends('cms.layout.app')

@section('content')
    <div class="page-wrapper">
        <div class="page-header card">
            <div class="row align-items-end">
                <div class="col-lg-8">
                    <div class="page-header-title">
                        <i class="icofont icofont-user bg-dark"></i>
                        <div class="d-inline">
                            <h4>Users</h4>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="page-header-breadcrumb">
                        <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                                <a href="{{route('cms.dashboard')}}">
                                    <i class="icofont icofont-home"></i>
                                </a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{route('cms.users')}}">Users</a></li>
                            <li class="breadcrumb-item"><a href="#!">{{$user->name ?? 'Add User'}}</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-body">

            <div class="card">
                <div class="card-header">
                    <h5>User Form</h5>
                    <hr>
                </div>
                <div class="card-block">
                    <form method="POST">
                        @csrf
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Name</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control @error('name') form-bg-danger @enderror" value="{{ $user->name ?? old('name')}}" name="name">
                                @error('name')
                                    <span class="float-left text-danger">
                                        {{$message}}
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">E-Mail</label>
                            <div class="col-sm-10">
                                <input type="email" class="form-control @error('email') form-bg-danger @enderror" value="{{$user->email ?? old('email')}}" name="email">
                                @error('email')
                                <span class="float-left text-danger">
                                    {{$message}}
                                </span>
                            @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Role</label>
                            <div class="col-sm-10">
                                <select name="role" id="" class="form-control">
                                    <option value="">Select Role</option>
                                    <option {{isset($user) && $user->role == 0 ? 'selected' : ''}} value="0">Admin</option>
                                    @foreach ($roles as $role)
                                        <option {{isset($user) && $user->role == $role->id ? 'selected' : ''}} value="{{$role->id}}">{{$role->name}}</option>
                                    @endforeach
                                </select>
                                @error('role')
                                <span class="float-left text-danger">
                                    {{$message}}
                                </span>
                            @enderror
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">Password</label>
                            <div class="col-sm-10">
                                <input type="password" class="form-control @error('password') form-bg-danger @enderror" name="password">
                                @error('password')
                                <span class="float-left text-danger">
                                    {{$message}}
                                </span>
                            @enderror
                            </div>
                        </div>

                        <div class="col-12 text-right">
                            <hr>
                            <input type="submit" value="Save" class="btn btn-success">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection