@extends('Dashboard.layouts.master')
@section('title', 'Plans | Update')
@section('css')
@endsection
@section('content')
    <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
        <div class="d-flex flex-column flex-column-fluid">
            <div id="kt_app_content" class="app-content flex-column-fluid">
                <livewire:bread-crumb heading="{{__('translations.plans')}}"
                                      url_1="{{Helper::handle_route('dashboard')}}"
                                      name_1="{{__('translations.dashboard')}}"
                                      url_2="{{Helper::handle_route('plans.index')}}"
                                      name_2="{{__('translations.plans')}}"
                                      name_3="{{__('forms.create')}}"/>
                <!--begin::Content container-->
                <div id="kt_app_content_container" class="app-container container-xxl">

                    <div class="card">
                        <div class="card-body">
                            <form action="{{Helper::handle_route('plans.update' , $plan)}}" method="POST"
                                  class="form">
                                @csrf
                                @method('PUT')

                                <div class="mb-3">
                                    <livewire:form.text label="{{__('forms.name')}}" name="name" value="{{$plan->name}}"
                                                        required="required"/>
                                </div>
                                <div class="mb-3">
                                    <livewire:form.text label="{{__('forms.price')}}" value="{{$plan->price}}"
                                                        name="price" required="required"/>
                                </div>
                                <div class="mb-3">
                                    <livewire:form.text label="Stripe plan" value="{{$plan->stripe_plan}}"
                                                        name="stripe_plan"
                                                        required="required"/>
                                </div>
                                <div class="mb-3">
                                    <livewire:form.area label="{{__('forms.description')}}" name="description" value="{{$plan->description}}" />
                                </div>
                                <div class="mb-3">
                                    <label>{{__('forms.role')}}</label>
                                    <select name="role_id" class="form-control">
                                        @foreach($roles as $role)
                                            <option
                                                value="{{$role->id}}" {{$role->id  == $plan->role_id ? 'selected' : ''}}>{{$role->name}}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <input type="submit" value="{{__('forms.save')}}" class="btn btn-primary">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $(document).ready(function(){
            $('.kt_docs_ckeditor_classic').each(function(){
                CKEDITOR.replace($(this)[0]).config.width = '100%';
            });
        });
    </script>
@endsection