@extends('admin.layout.default')

@section('title', trans('admin.mp3.actions.edit', ['name' => $mp3->title]))

@section('body')

    <div class="container-xl">

        <div class="row">
            <div class="col">
                @include('admin.mp3.components.form-elements')

                <a href="{{url('admin/mp3')}}" aria-label="Previous" class="btn btn-secondary cta-button">
                    <span>&laquo; Retour</span>
                </a>
            </div>
            <div class="col-md-12 col-lg-12 col-xl-5 col-xxl-4">
                <mp3-form
                    :action="'{{ $mp3->resource_url }}'"
                    :data="{{ $mp3->toJson() }}"
                    v-cloak
                    inline-template>

                    <form class="form-horizontal form-edit" method="post" @submit.prevent="onSubmit" :action="this.action" novalidate>
                        @include('admin.mp3.components.form-elements-right')
                        <button type="submit" class="btn btn-primary fixed-cta-button" :disabled="submiting">
                            <i class="fa" :class="submiting ? 'fa-spinner' : 'fa-save'"></i>
                            {{ trans('admin.btn.save') }}
                        </button>

                    </form>

                </mp3-form>
            </div>
        </div>

</div>

@endsection