@extends('layouts.admin')

@section('content')

    @include('admin._partials.breadcrumb')

    <div class="wrapper-content">
        <div class="ibox-content">
            <form action="{{route('configuracoes.update', $configuration->id) }}" class="form" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-md-4 mt10">
                            <div class="form-group">
                                <label>Logo pagina login :</label>
                                <input type="file" name="logo_login" class="form-control">
                            </div>              
                        </div>
                        
                        <div class="col-md-4 mt10">
                            <div>
                                <img src="{{ url("storage/{$configuration->logo_login}") }}" alt="logo login" style="max-width: 90px;">
                            </div>                        
                        </div>          
                    </div>
                </div> 

                <hr>

                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-md-4 mt10">
                            <div class="form-group">
                                <label>Logo pagina admin:</label>
                                <input type="file" name="logo_admin" class="form-control">
                            </div>             
                        </div>
                        
                        <div class="col-md-4 mt10">
                            <div>
                                <img src="{{ url("storage/{$configuration->logo_admin}") }}" alt="logo admin" style="max-width: 90px;">
                            </div>                        
                        </div>          
                    </div>
                </div> 

                <hr>

                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-md-4 mt10">
                            <div class="form-group">
                                <label>Logo minimizado:</label>
                                <input type="file" name="logo_min" class="form-control">
                            </div>            
                        </div>
                        
                        <div class="col-md-4 mt10">
                            <div>
                                <img src="{{ url("storage/{$configuration->logo_min}") }}" alt="logo minimizado" style="max-width: 90px;">
                            </div>                        
                        </div>          
                    </div>
                </div> 

                <hr>

                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-md-4 mt10">
                            <div class="form-group">
                                <label>Favicon:</label>
                                <small class="m-r">Recomedavel salvar imagem 32px por 32px</small>
                                <input type="file" name="favicon" class="form-control">
                            </div>          
                        </div>
                        
                        <div class="col-md-4 mt10">
                            <div>
                                <img src="{{ url("storage/{$configuration->favicon}") }}" alt="favicon" style="max-width: 90px;">
                            </div>                        
                        </div>          
                    </div>
                </div> 

                <hr>

                <div class="col-md-2 mt10">
                    <section class="progress-demo">
                        <button  type="submit" class="ladda-button btn btn-primary btn-block" id="save" value="save">
                            <i class="fa fa-save"></i> Salvar
                        </button>
                    </section>
                </div>

            </form>
        </div>
    </div>

@endsection