@extends('frontend.layouts.app')

@section('content')
    <div class="row mt-4 ">
        <div class="col align-self-center">
            <h5 class="title">Manage Doctors</h5>
            <!--<p class="text-secondary small">3250 products</p>-->
        </div>
        <div class="col-auto">
            <nav>
                <div class="nav nav-tabs border-0" id="nav-tab" role="tablist">
				@if(Auth::user()->type == "BO" || Auth::user()->type == "ABM")
                    <a href="{{ route('doctors.create') }}" class="btn btn-outline-dark active text-normalcase">
                        <i class="bi bi-plus"></i> Add</a>
				@endif
                </div>
            </nav>
        </div>
        <div class="col-12 text-left mt-3">
            <p class="text-secondary">Enter Doctor details after that upload video.</p>
        </div>
    </div>
    <div class="row mb-2">
        <div class="col-12 text-left mt-3">
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show mt-2" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif

            @if (session('error'))
                <div class="alert alert-danger alert-dismissible fade show mt-2" role="alert">
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
        </div>
			<div class="col-12 mb-3">
				<form method="GET" action="{{ route('doctors.index') }}">
					<div class="input-group">
						<input type="text" name="search" class="form-control" 
							   placeholder="Search doctors by name, hospital, speciality..." 
							   value="{{ request('search') }}">
						<button type="submit" class="btn btn-default">
							<i class="bi bi-search"></i> Search
						</button>
					</div>
				</form>
			</div>
        @foreach ($doctors as $doctor)
            <div class="col-12 col-md-6 ">
                <div class="card mb-3">
                    <div class="card-body">

                        <div class="row">
                            <div class="col-9 align-self-center">
                                <h5 class="mb-1">{{ $doctor->doctorname }}</h5>
                                <p class="mb-0"><small class="text-muted size-12">{{ $doctor->designation }}, {{ $doctor->hospitalname }}</small></p>
                                <p class="mb-0"><small class="text-muted size-12">{{ $doctor->subject }}</small></p>
                            <p class="mb-0"><small class="text-muted size-12">Speciality : {{ $doctor->speciality }}</small></p>
                            </div>
							<div class="col-3">
                                @if($doctor->status == "Pending")
                                    <div class="tag tag-small bg-primary border-primary text-white align-right px-2" style="float: right;" >{{ $doctor->status }}</div>
                                @elseif($doctor->status == "Generated")
                                    <div class="tag tag-small bg-warning border-warning text-white align-right px-2" style="float: right;" >{{ $doctor->status }}</div>
                                @elseif($doctor->status == "Approved")
                                    <div class="tag tag-small bg-success border-success text-white align-right px-2" style="float: right;" >{{ $doctor->status }}</div>
                                @elseif($doctor->status == "Uploaded")
                                    <div class="tag tag-small bg-success border-success text-white align-right px-2" style="float: right;" >{{ $doctor->status }}</div>
                                @else
                                    <div class="tag tag-small bg-danger border-danger text-white align-right px-2" style="float: right;" >{{ $doctor->status }}</div>
                                @endif

                            </div>
							@if($doctor->remarks)
							<div class="col-12 mt-1 align-self-center">
							 <p class="mb-0">Remark : <small class="text-muted size-12">{{ $doctor->remarks }}</small></p>
							</div>
							@endif
                            <div class="col-12 mt-3 buttons align-self-center">
							@if(Auth::user()->type == "BO" || Auth::user()->type == "ABM")
                                @if(in_array($doctor->status, ['Pending','Uploaded','Rejected']))
                                <a href="{{ route('doctors.edit', $doctor->id) }}"
                                    class="bg-secondary border-secondary text-white rounded-2"><i class="bi bi-pencil-square"></i> Edit Doctor</a>
                                <a href="{{ route('doctors.videoedit', $doctor->id) }}"
                                    class="bg-primary border-primary text-white rounded-2"><i class="bi bi-upload"></i> Upload Video</a>
                                @endif
								@endif
								@if(in_array($doctor->status, ['Approved']))
                                    <a href="{{ route('doctors.show', $doctor->id) }}"
                                    class="bg-success border-success text-white rounded-2">
									<i class="bi bi-eye-fill"></i> View & Download Video
									</a>
								@endif
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        @endforeach

    </div>
@endsection
@section('footer')
@endsection