@extends('admin.dashboard.layouts.app')

@section('main')
<div class="content-wrapper">
    <div class="card">
        <div class="card-header d-flex justify-content-between">
            <h4>Parlour Appointments ({{ $date }})</h4>
            <button onclick="window.print()" class="btn btn-success">Print</button>
        </div>

        <div class="card-body">
            <h5>
                Organization: {{ $organization->name ?? 'N/A' }} |
                Beautician: {{ $beautician->name ?? 'N/A' }}
            </h5>

            <table class="table table-bordered table-hover">
                <thead>
                    <tr>
                        <th>#SL</th>
                        <th>Customer Name</th>
                        <th>Customer Phone</th>
                        <!--<th>Type</th>-->
                        <th>Slot</th>
                        <!--<th>Commission</th>-->
                        <th>Parlour Commission</th>
                    </tr>
                </thead>
                <tbody>
                    @php $sl = 1; @endphp
                    @foreach($appointments as $app)
                    <tr>
                        <td>{{ $sl++ }}</td>
                        <td>
                            {{ $app->display_name }}
                            @if($app->is_relative)
                                <span class="badge badge-info">Relative</span>
                            @endif
                        </td>
                        <td>{{ $app->display_phone }}</td>
                        <!--<td>-->
                        <!--    @if($app->is_relative)-->
                        <!--        Relative-->
                        <!--    @else-->
                        <!--        Customer-->
                        <!--    @endif-->
                        <!--</td>-->
                        <td>{{ $app->selected_slot }}</td>
                        <!--<td>{{ $app->commission }}</td>-->
                        <td>{{ $app->parlour_commission }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection