@extends('layouts.app')
@section('content')
<h2>Doctor Availability</h2>
<div class="row">
<div class="col-lg-7">
<div class="card shadow-sm mb-4"><div class="card-body">
<h5>Add Weekly Availability</h5>
<form method="POST" action="{{ route('doctor-availability.store') }}">
@csrf
<div class="row">
<div class="col-md-3"><label class="form-label">Day</label><select name="day_of_week" class="form-select"><option value="1">Monday</option><option value="2">Tuesday</option><option value="3">Wednesday</option><option value="4">Thursday</option><option value="5">Friday</option><option value="6">Saturday</option><option value="0">Sunday</option></select></div>
<div class="col-md-3"><label class="form-label">Start</label><input type="time" name="start_time" class="form-control" required></div>
<div class="col-md-3"><label class="form-label">End</label><input type="time" name="end_time" class="form-control" required></div>
<div class="col-md-3"><label class="form-label">Slot</label><select name="slot_duration" class="form-select"><option>10</option><option selected>15</option><option>20</option><option>30</option><option>45</option><option>60</option></select></div>
</div>
<button class="btn btn-primary mt-3">Add Availability</button>
</form>
</div></div>
<div class="card shadow-sm"><div class="card-body">
<h5>Weekly Schedule</h5>
<table class="table"><thead><tr><th>Day</th><th>Time</th><th>Slot</th><th></th></tr></thead><tbody>
@php($days=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'])
@forelse($availabilities as $availability)
<tr><td>{{ $days[$availability->day_of_week] }}</td><td>{{ substr($availability->start_time,0,5) }} - {{ substr($availability->end_time,0,5) }}</td><td>{{ $availability->slot_duration }} min</td><td><form method="POST" action="{{ route('doctor-availability.destroy',$availability) }}">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger">Remove</button></form></td></tr>
@empty <tr><td colspan="4">No availability configured.</td></tr>@endforelse
</tbody></table>
</div></div>
</div>
<div class="col-lg-5">
<div class="card shadow-sm mb-4"><div class="card-body">
<h5>Add Leave Date</h5>
<form method="POST" action="{{ route('doctor-leaves.store') }}">
@csrf
<input type="date" name="leave_date" class="form-control mb-2" required>
<input name="reason" class="form-control mb-2" placeholder="Reason">
<button class="btn btn-warning">Add Leave</button>
</form>
</div></div>
<div class="card shadow-sm"><div class="card-body">
<h5>Upcoming Leave</h5>
@forelse($leaves as $leave)
<div class="d-flex justify-content-between border-bottom py-2"><span>{{ $leave->leave_date->format('d M Y') }}<br><small>{{ $leave->reason }}</small></span><form method="POST" action="{{ route('doctor-leaves.destroy',$leave) }}">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger">Remove</button></form></div>
@empty <p>No upcoming leave.</p>@endforelse
</div></div>
</div>
</div>
@endsection