@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 id="modules">
            <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('editmodule', $module->name) }}
                    <h2 class="page-title">Edit Module {{$module->name .' - Microservice: ' . $module->microservice->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('modules.update',['module' => $module]) }}" method="POST">
                    @csrf
                    @method('PUT')

                    <div class="form-inner-container">
                        @csrf
                        <div class="form-group">
                            <label>Name:</label>
                            <input type="text" name="name" value="{{ $module->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">{{
            $module->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="{{ $module->view_name }}"
                                   class="form-control view-name"
                                   placeholder="Name">
                        </div>

                        <div class="form-group">
                            <label for="cars">Choose a microservice:</label>

                            <select class="form-select name" name="microservice_id" id="cars">
                                @foreach($microservices as $microservice)
                                    <option @if($microservice->id == $module->microservice->id)selected @endif
                                    value="{{$microservice->id}}">{{$microservice->name}}</option>
                                @endforeach
                            </select>
                        </div>

                        @if(count($module->permissions) > 0)
                        <div class="form-group">
                            <label for="cars">Choose default view:</label>

                            <select class="form-select name" name="default_view" id="cars">
                                @foreach($module->verbs as $verb)
                                    <option @if($module->default_view == $verb)selected @endif
                                    value="{{$verb}}">{{$verb}}</option>
                                @endforeach
                            </select>
                        </div>
                        @endif
                        <div class="btn-container">
                            <button type="submit" class="btn">Submit</button>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection