@extends('layouts.frontend')

@section('title', 'Mi cuenta')

@section('content')
    <article id="user">
        <section class="content">
            <div class="container">
                @if($status)
                    <div class="alert alert-success">
                        <p>{{ $status }}</p>
                    </div>
                @endif
                @if($errors->any())
                    <div class="alert alert-danger">
                        @foreach($errors->all() as $error)
                            <p>{{ $error }}</p>
                        @endforeach
                    </div>
                @endif
                <div class="row row-grid">
                    <div class="col-md-3 col-auto">
                        @include('partials.sidebar')
                    </div>
                    <div class="col-md-9 col">
                        {!! Form::model($store, [
                            'files' => true
                        ]) !!}
                        <div class="row row-grid">
                            <div class="col-12">
                                <label>Nombre</label>
                                {!! Form::text('post[title]', null, ['class' => 'form-control', 'required']) !!}
                            </div>
                            <div class="col-12">
                                <label>Descripción</label>
                                {!! Form::textarea('post[excerpt]', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-md-6">
                                <label>Teléfono</label>
                                {!! Form::text('phone', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-md-6">
                                <label>WhatsApp <small>(5959xxxxxxxx)</small></label>
                                {!! Form::text('whatsapp', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-md-6">
                                <label>Email</label>
                                {!! Form::email('email', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-md-6">
                                <label>Sitio web <small>(http://www.dominio.com)</small></label>
                                {!! Form::text('website', null, ['class' => 'form-control']) !!}
                            </div>
                            <div class="col-12">
                                <label>Logo</label>
                                <div class="dropzone">
                                    <i class="fa fa-image" @if($store->image) style="display: none;" @endif></i>
                                    {!! Form::file('image', ['id' => 'image']) !!}
                                    <img id="preview" src="{{ asset($store->image) }}" alt="" class="absolute">
                                </div>
                            </div>
                            <div class="col-12">
                                <button class="btn" type="submit">Guardar</button>
                            </div>
                        </div>
                        {!! Form::close() !!}
                    </div>
                </div>
            </div>
        </section>
    </article>
@endsection

@section('scripts')
    <script>
      function readURL(input) {
        if (input.files && input.files[0]) {
          var reader = new FileReader();
          reader.onload = function(e) {
            $('#preview').attr('src', e.target.result);
            $('.dropzone i').hide();
          }
          reader.readAsDataURL(input.files[0]);
        }
      }

      $(function() {
        $('#image').change(function () {
          readURL(this);
        });
      });
    </script>
@endsection