@extends('layouts.default')
@section('content')
<div class="small-header transition animated fadeIn">
    <div class="hpanel">
        <div class="panel-body">
            <h2 class="font-light m-b-xs">
                Schedule Management

            </h2>
            @include('layouts.flash')
        </div>
    </div>
</div>
<div class="content animate-panel">
    <div class="row">
        <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2" style="">
            <div class="hpanel">
                <div class="panel-heading sub-title">
                    <h2>Add Schedule for {{ $doctor->name }}</h2>
                </div>
                <div class="panel-body">
   
    <form action="{{ route('doctor.schedule.store', $doctor->id) }}" method="POST">
        @csrf
        <div class="form-group">
            <label for="date">Date</label>
            <input type="date" id="date" name="date" class="form-control" required>
        </div>
        <div class="form-group">
            <label for="start_time">Start Time</label>
            <input type="time" id="start_time" name="start_time" class="form-control" required>
        </div>
        <div class="form-group">
            <label for="end_time">End Time</label>
            <input type="time" id="end_time" name="end_time" class="form-control" required>
        </div>
        <div class="form-group">
            <label for="remarks">Remarks (Optional)</label>
            <textarea id="remarks" name="remarks" class="form-control"></textarea>
        </div>
        <button type="submit" class="btn btn-success">Save Schedule</button>
    </form>

</div>

    <!-- Display Existing Schedules -->
    <h3 class="mt-5">Existing Schedules</h3>
    @if ($doctor->schedules && $doctor->schedules->isNotEmpty())
        <table class="table table-bordered">
            <thead>
                <tr style="background-color: #f5f5f5;">
                    <th>#</th>
                    <th>Date</th>
                    <th>Start Time</th>
                    <th>End Time</th>
                    <th>Remarks</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($doctor->schedules as $key => $schedule)
                    <tr>
                        <td>{{ $key + 1 }}</td>
                        <td>{{ \Carbon\Carbon::parse($schedule->date)->format('d-m-Y') }}</td>
                        <td>{{ \Carbon\Carbon::parse($schedule->start_time)->format('h:i A') }}</td>
                        <td>{{ \Carbon\Carbon::parse($schedule->end_time)->format('h:i A') }}</td>
                        <td>{{ $schedule->remarks ?? 'N/A' }}</td>
                        <td>
                            <a href="{{ route('doctor.schedule.edit', ['doctor_id' => $doctor->id, 'id' => $schedule->id]) }}" class="btn btn-primary btn-sm">Edit</a>
                            <form action="{{ route('doctor.schedule.destroy', $schedule->id) }}" method="POST" style="display: inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to delete this schedule?');">Delete</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p>No schedules available for this doctor.</p>
    @endif
</div>

            </div>
        </div>
    </div>
@endsection