@extends('admin.dashboard.layouts.app')
@section('main')
  <div class="content-wrapper">

<div class="card">
    <div class="card-header">
        
        <form method="GET" action="{{ route('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 id="example1" class="table table-bordered table-hover">
            <thead>
                <tr>
                    <th>#SL</th>
                    <th>Organization</th>
                    <th>Doctor</th>
                    <th>Location</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->doctor_name }}</td>
                    <td>{{ $app->organization_location }}</td>
                    <td><span class="badge badge-info">{{ $app->total_appointments }}</span></td>
                     <td>
                        <a href="{{ route('doctorappointmentswithcommission.details', [$app->organization_id, $app->doctor_id, $selectedDate]) }}" 
                           class="btn btn-outline-primary btn-sm">
                            Details
                        </a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
</div>
@endsection