@extends('admin.layout.default')

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

@section('body')

    <div class="container-xl">

        <mp3-datas-form
            :action="'{{ $mp3_datas->resource_url }}'"
            :data="{{ $mp3_datas->toJson() }}"
            v-bind:mp3_id="{{$mp3_datas->getOriginal('mp3_id')}}"
            v-cloak
            inline-template>

            <form class="form-horizontal form-edit" method="post" @submit.prevent="onSubmit" :action="this.action" novalidate>

                <div class="row">
                    <div class="col">
                        @include('admin.mp3-datas.components.form-elements', ['mode' => 'edit', 'name' => $mp3_datas->title])
                    </div>
                </div>

                <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-datas-form>

        <a href="{{url()->previous()}}" aria-label="Previous" class="btn btn-secondary cta-button">
            <span>&laquo; Retour</span>
        </a>

</div>

@endsection