@extends('layouts.app')

@section('content')
    @if (Auth::user()->role_id >= 5)
      <div class="container-fluid" style="height:100%">
      @include('sidebar')
      <div style="width:90%; margin-top: 1em; float: left">
    @else
      <div class="container">
    @endif
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Inicio</div>

                    <div class="card-body">
                        @if (session('status'))
                            <div class="alert alert-success" role="alert">
                                {{ session('status') }}
                            </div>
                        @endif

                        <a href="supplier/edit/">Registro Proveedores</a>
                    </div>
                </div>

                @php
                  use App\Models\Suppliers;

                    $user = Auth::user();
                    $supplier = $supplier = Suppliers::where('user_id', $user->id)->first();

                    if(isset($supplier->cover_photo)) {
                    echo('
                    <div class="card" style="margin-top: 2%">
                        <div class="card-header">Descarga la App</div>
                        <div class="card-body">
                            ¡Ya estás registrado como Héroe en JobHero, descarga la app!
                            <br>
                        <a style="width: auto" href="https://apps.apple.com/mx/app/ichamba/id1572700805">
                        ');
                        echo('<img src="' . asset('img/Download_on_the_App_Store_Badge_ESMX_RGB_blk_100217.svg') . '" style="width: 14.65em; padding-top: 1.25em; float: left; display: inline-block"/></a>');
                        echo('
                        <a style="width: auto" href="https://play.google.com/store/apps/details?id=com.ichamba.app">
                        ');
                        echo('<img src="' . asset('img/google-play-badge.png') . '" style="width: 18em; float: right; display: inline-block" /></a>');
                        echo('
                        </div>
                    </div>
                    <div class="card" style="margin-top: 2%">
                        <div class="card-header">Previsualización foto de portada</div>
                        <div class="card-body">
                            Así se vera la foto de portada en la aplicación, recuerda mantener un tamaño de imagen de 720x480px para una mejor visualización
                        </div>
                        <div style="margin: auto; display: block; height:480px; width:720px; background-image: url('
                    );

                              echo($supplier->cover_photo);
                          echo(
                            '); background-size: cover;">
                        </div>
                    </div>');
                  }
                @endphp
            </div>
        </div>
      </div>
  </div>
@endsection
