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

@section('main')
  <div class="content-wrapper">

<div class="card">
    <div class="card-header">
        <form method="GET" action="{{ route('parlour_appointments.index') }}" class="form-inline">
            <label class="mr-2">Select Date:</label>
            <input type="date" name="date" value="{{ $dateForInput }}" class="form-control">
            <button type="submit" class="btn btn-primary ml-2">Filter</button>
        </form>
    </div>

    <div class="card-body">
        <table class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>#SL</th>
                    <th>Organization</th>
                    <th>Beautician</th>
                    <th>Total Appointments</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @php $sl = 1; @endphp
                @foreach($appointments as $app)
                <tr>
                    <td>{{ $sl++ }}</td>
                  <td>{{ $app->organization_name }}</td>
<td>{{ $app->beautician->name }}</td>

                    <td><span class="badge badge-info">{{ $app->total_appointments }}</span></td>
                    <td>
                        <a href="{{ route('parlour_appointments.details', [$app->organization_id, $app->beautician_id, $selectedDate]) }}" 
                           class="btn btn-outline-primary btn-sm">Details</a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
</div>
@endsection