@extends('layouts.app')

@section('content')
<style>
    .container {
        max-width: 1550px;
    }
</style>
<div class="">
    <div class="row justify-content-center">
        <div class="">
            <div class="container-head-cashier">
                <div class="left-section">
                  <div>
                    <livewire:clock />
                  </div>
                  @php
                    $words = explode(' ', $setting->wh_name);
                    $firstTwoWords = implode(' ', array_slice($words, 0, 1));
                    $remainingWords = implode(' ', array_slice($words, 1));
                  @endphp
                  <div class="text-container">
                    <h5 class="mb-0 mt-1 head-cashier1" style="font-weight: 300">{{ $firstTwoWords }}</h5>
                    <h2 class="" id="realTimeClock" style="margin-top: 9px; font-weight: 600">{{ $remainingWords }}</h2>
                  </div>
                </div>
                <div class="logo">
                  <img src="{{ asset('assets/SoftComp - Logo-01.png') }}" alt="Deskripsi Gambar">
                </div>
            </div>

            <div class="card-body">
                @if (session('status'))
                <div class="alert alert-success" role="alert">
                    {{ session('status') }}
                </div>
                @endif
                @if ($countinv > 0)
                <livewire:cashier.change-invoice />
                @endif
                <livewire:cashier.index />
            </div>
        </div>
    </div>
</div>
@endsection