@extends('admin.layouts.master')
@section('title', $title)
@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="panel panel-primary" data-collapsed="0">
            <div class="panel-heading">
                <div class="panel-title">
                    {{ $title }}
                </div>
            </div>
            <div class="panel-body">
                <form class="form-horizontal form-groups-bordered" action="{{ $url }}" method="post">
                    @csrf
                    <div class="form-group">
                        <label for="field-1" class="col-sm-3 control-label">First Name</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="first_name" name="first_name" placeholder="First Name" value="{{ $user->name ?? '' }}" />
                            @error('first_name')
                            <div class="col-sm-12 alert alert-danger" style="margin-top: 10px; margin-bottom: 0px;">
                                {{ $message }}
                            </div>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="field-1" class="col-sm-3 control-label">Email</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="email" name="email" placeholder="Email" value="{{ $user->email ?? '' }}" />
                            @error('email')
                            <div class="col-sm-12 alert alert-danger" style="margin-top: 10px; margin-bottom: 0px;">
                                {{ $message }}
                            </div>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="field-1" class="col-sm-3 control-label">Password</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="password" name="password" placeholder="Password" />
                            @error('password')
                            <div class="col-sm-12 alert alert-danger" style="margin-top: 10px; margin-bottom: 0px;">
                                {{ $message }}
                            </div>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Select Role</label>
                        <div class="col-sm-5">
                            <select class="form-control" id="role" name="role">
                                <option disabled selected>Select One</option>
                                @forelse ($roles as $role)
                                <option value="{{ $role->id }}" {{ isset($user) && ($user->roles->pluck('id')->implode(',') ?? '') == $role->id ? 'selected' : '' }}>{{ $role->name }}</option>
                                @empty
                                    no Role found
                                @endforelse
                            </select>
                            @error('role')
                            <div class="col-sm-12 alert alert-danger" style="margin-top: 10px; margin-bottom: 0px;">
                                    {{ $message }}
                            </div>
                            @enderror
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-3 col-sm-5"><button type="submit" class="btn btn-primary" style="float: right">{{ $title }}</button></div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection