@extends('layouts_old.main')

@section('stylesheets')
    <link rel="stylesheet" href="{{asset('css/edit.css')}}"/>
@endsection

@section('content')
    <div blade="{{ $viewName ?? 'unknown' }}">
    <div class="main-wrapper">
        <div class="row justify-content-between Header mb-5">
            <div class="col-md-8 d-flex flex-column justify-content-center justify-content-md-start Header-breadcrumbs">

                {{ Breadcrumbs::render('editrole', $role->view_name) }}
                <h2 class="page-title">Edit Role {{$role->view_name}}</h2>
            </div>
            <div class="col-md-4 d-flex justify-content-center justify-content-md-end Header-buttons">

            </div>
        </div>
        <div class="row Content">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <strong>Whoops!</strong> There were some problems with your input.<br><br>
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <form action="{{ route('roles.update',['role' => $role]) }}" method="POST">
                @csrf
                @method('PUT')

                <div class="form-inner-container">
                    @csrf
                    <div class="form-group">
                        <label>Name:</label>
                        <input type="text" name="name" value="{{ $role->name }}" class="form-control name"
                               placeholder="Name">
                    </div>

                    <div class="form-group">
                        <label>Description:</label>
                        <textarea class="form-control description" style="height:150px" name="description"
                                  placeholder="Detail">{{ $role->description }}</textarea>
                        @error('email') <span class="text-danger">{{ $message }}</span>@enderror
                    </div>

                    <div class="form-group">
                        <label>View Name:</label>
                        <input type="text" name="view_name" value="{{ $role->view_name }}"
                               class="form-control view-name"
                               placeholder="Name">
                    </div>
                    <div class="btn-container">
                        <button type="submit" class="btn">Submit</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    </div>
@endsection