@extends('layouts.main')

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

@section('content')
    <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('updateactivationphase' , $phase->id) }}
                <h2 class="page-title">Edit Activation Phase {{$phase->name}}</h2>
            </div>
            <div class="col-md-4 d-flex justify-content-center justify-content-md-end Header-buttons">

            </div>
        </div>

        @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
{{--        @dd($phase)--}}
        <form action="{{route('activation.phases.update', ['activationPhase' => $phase->id])}}" method="POST">
            @csrf
            <div class="form-inner-container">
                <div class="form-group">
                    <label for="name">Name:</label>
                    <input type="text" name="name" class="form-control name" placeholder="Name" id="name" value="{{$phase->name}}">
                </div>

                <div class="form-group">
                    <label for="description">Description:</label>
                    <textarea class="form-control description" style="height:150px" name="description"
                              placeholder="Detail" id="description">{{$phase->description}}</textarea>
                </div>

                <div class="form-group">
                    <label for="view_name">View Name:</label>
                    <input type="text" name="view_name" class="form-control view-name" placeholder="View Name" id="view_name" value="{{$phase->view_name}}">
                </div>
                <div class="btn-container">
                    <button type="submit" class="btn">Submit</button>
                </div>
                <div style="display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 2rem;">
                    <p>Important note:</p><p>By editing your activation phase you do not send new invitation emails to the interested party.</p><p>The invitation email template is not affected by the Activation Phase details.</p>
                </div>
            </div>
        </form>
    </div>
@endsection