@extends('layout.app')

@section('content')
<section class="content-header">
    <h1>
        Configuración general
    </h1>
</section>

<section class="content">
    @if(session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    @if(session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif

    <div class="row">
        <div class="col-md-6">

            <div class="box box-default">
                <div class="box-body">
                    <div class="form-group">
                        <label for="logo">Logo actual</label>
                        <br>
                    @if(file_exists(public_path('assets/logo.png')))
                        <img src="{{ asset('assets/logo.png') }}" alt="Logo actual" style="max-width: 200px;">
                    @else
                            <p>No hay logo cargado</p>
                        @endif
                    </div>
                </div>
            </div>

            <div class="box box-default">
                <form role="form" method="POST" action="{{ route('setting.update') }}" enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="box-body">
                        <div class="form-group">
                            <label for="logo">Logo</label>
                            @if(isset($settings->logo))
                                <div class="mb-3">
                                    <img src="/media_images/{{ $settings->logo }}" alt="Logo actual" style="max-width: 200px;">
                                </div>
                            @endif
                            <input type="file" class="form-control" id="logo" name="logo" accept="image/*">
                            <p class="help-block">Formatos permitidos: JPG, PNG, GIF. Tamaño máximo: 2MB</p>
                        </div>
                    </div>

                    <div class="box-footer">
                        <div class="pull-right">
                            <button type="submit" class="btn btn-danger">Guardar Cambios</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
@endsection