@extends('admin.layout.default')

@section('title', 'Logo')

@section('body')

    <div class="container-xl">

        <div class="card">

            <edit-logo
                :action="'{{ url('admin/logo') }}'"
                @if($data)
                :data="{{$data}}"
                @endif
                v-cloak
                inline-template>

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

                    <div class="card-header">
                        <i class="fa fa-pencil"></i> Modifiez le logo
                    </div>

                    <div class="card-body">

                        <div class="row">
                            <div class="col-md-4 text-center">
                                <div class="logo-upload">
                                    @if(!empty($logoModel) && $logoModel->hasMedia('logo'))
                                    @include('admin.includes.logo-uploader', [
                                        'mediaCollection' => app(\App\Models\Logo::class)->getMediaCollection('logo'),
                                        'media' => $logoModel->getThumbs200ForCollection('logo')
                                    ])
                                    @else
                                    @include('admin.includes.logo-uploader', [
                                        'mediaCollection' => app(\App\Models\Logo::class)->getMediaCollection('logo'),
                                        'label' => 'Logo'
                                    ])
                                    @endif
                                </div>
                            </div>
                            <div class="col-md-8">
                                <div class="form-group row align-items-center" :class="{'has-danger': errors.has('title'), 'has-success': this.fields.title && this.fields.title.valid }">
                                    <label for="title" class="col-form-label text-md-right" :class="isFormLocalized ? 'col-md-4' : 'col-md-3'">Nom du site</label>
                                    <div :class="isFormLocalized ? 'col-md-4' : 'col-md-9 col-xl-7'">
                                        <input type="text" v-model="form.title" v-validate="'required'" @input="validate($event)" class="form-control" :class="{'form-control-danger': errors.has('title'), 'form-control-success': this.fields.title && this.fields.title.valid}" id="title" name="title" placeholder="Nom du site">
                                        <small class="text-muted">Ceci remplacera le logo si celui-ci n'est pas défini.</small>
                                        <div v-if="errors.has('title')" class="form-control-feedback form-text" v-cloak>@{{ errors.first('title') }}</div>
                                    </div>
                                </div>


                            </div>
                        </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>

            </edit-logo>

        </div>

    </div>

@endsection