<x-app-layout>
  <x-slot name="header">
    <h2 class="font-semibold text-xl text-gray-800 leading-tight">
      <i class="fas fa-home"></i> {{ __('Dashboard') }}
    </h2>
  </x-slot>

  @if(Session::has('flash_message'))
  <div class="row justify-content-center mb-4">
    <div class="col-6">
      <div class="card alert alert-success text-center">
        {{ Session::get('flash_message') }}
      </div>
    </div>
  </div>
  @endif

  <div class="row justify-content-center mb-4">

    <div class="col-3">
      <div class="card">
        <div class="card-body text-center">
          <img class="rounded mx-auto d-block" src="{{ asset('assets/contract.png') }}" width="100px"/>
          <a class="btn btn-primary mt-3" href="{{ route('issue.index') }}">Vedi i ticket</a>
        </div>
      </div>
    </div>

    <div class="col-3">
      <div class="card">
        <div class="card-body text-center">
          <img class="rounded mx-auto d-block" src="{{ asset('assets/issue_report.png') }}" width="100px"/>
          <a class="btn btn-primary mt-3" href="{{ route('issue.user_report') }}">Report</a>
        </div>
      </div>
    </div>

    <div class="col-3">
      <div class="card">
        <div class="card-body text-center">

          <img class="rounded mx-auto d-block" src="{{ asset('assets/new_issue.png') }}" width="100px"/>

          <a class="btn btn-primary mt-3" href="{{ route('issue.nuovo') }}">Apri un ticket</a>
        </div>
      </div>
    </div>


  </div>


</x-app-layout>
