@extends('layouts.admin')

@section('content')
    <div class="relative items-top justify-center min-h-screen bg-white sm:items-center py-12 sm:pt-0">
        <div class="">

            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    @guest
                    <li class="nav-item">
                        <a class="nav-link" href="{{ route('login') }}">Login</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{ route('register-user') }}">Register</a>
                    </li>
                    @else
                    <li class="nav-item">
                        <a class="nav-link" href="{{ route('signout') }}">Logout</a>
                    </li>
                    @endguest
                </ul>
            </div>

			<h3>Display Installs</h3>
            <br>
            <br>

            <table width="100%">
                <thead>
                <tr>
                <th>Created</th>
                <th>Store</th>
                <th>Installer</th>
                <th>&nbsp;</th>
                </tr>
                </thead>
                <tbody>
                @foreach($installs as $install)
                <tr style="border-bottom:1px solid #CCC;margin-bottom:10px !important;">
                <td>{{ $install->created_at }}</td>
                <td>{{ $install->store_name }}</td>
                <td>{{ $install->installer_name }}</td>
                <td>
                                    No Photo
                                </td>
                </tr>
                @endforeach
                </tbody>
            </table>

        </div>


    </div>
@endsection