@extends('backend.layouts.master')

@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="row">
                    <div class="col-sm-12">
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item">
                                <a href="doctors.html">Doctors </a>
                            </li>
                            <li class="breadcrumb-item">
                                <i class="feather-chevron-right"></i>
                            </li>
                            <li class="breadcrumb-item active">Doctors List</li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-12">
                    <div class="card card-table show-entire">
                        <div class="card-body">
                            <div class="page-table-header mb-2">
                                <div class="row align-items-center">
                                    <div class="col">
                                        <div class="doctor-table-blk">
                                            <h3>Doctors List</h3>
                                            <div class="doctor-search-blk">
                                                <div class="top-nav-search table-search-blk">
                                                    <form >
                                                        <input type="text" class="form-control"
                                                            placeholder="Search here" />
                                                        <a class="btn"><img src="{{asset('backend/assets/img/icons/search-normal.svg')}}"
                                                                alt="" /></a>
                                                    </form>
                                                </div>
                                               
                                                <div class="add-group">
                                                    <span style="background-color: rgb(78, 56, 172); color:white; border:2px solid rgb(78, 56, 172); border-radius:3px;">Total Doctors : {{ $doctorlist->count(); }}</span>
                                                </div>
                                            </div>
                                           
                                        </div>
                                    </div>
                                    <div class="col-auto text-end float-end ms-auto download-grp">
                                        <a href="{{ route('export.doctors') }}" class="me-2"><img src="{{asset('backend/assets/img/icons/pdf-icon-01.svg')}}"
                                                alt="" /></a>
                                        <a href="{{ route('export.doctors') }}" class="me-2"><img src="{{asset('backend/assets/img/icons/pdf-icon-02.svg')}}"
                                                alt="" /></a>
                                        <a href="{{ route('export.doctors') }}" class="me-2"><img src="{{asset('backend/assets/img/icons/pdf-icon-03.svg')}}"
                                                alt="" /></a>
                                        <a href="{{ route('export.doctors') }}"><img src="{{asset('backend/assets/img/icons/pdf-icon-04.svg')}}"
                                                alt="" /></a>
                                    </div>
                                </div>
                            </div>

                            <div class="table-responsive">
                                <table class="table border-0 custom-table comman-table datatable mb-0">
                                    <thead>
                                        <tr>

                                            <th>Name</th>
                                            <th>Mobile</th>
                                            <th>Email</th>

                                            <th>Country</th>
                                            <!-- <th>State</th> -->

                                             <th>Timestamps</th> 
                                            <th>Action</th>

                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($doctorlist as $doctorlists)
                                            <tr>


                                                <td class="profile-image">

                                                    {{ $doctorlists->fname }} {{ $doctorlists->lname }}
                                                </td>
                                                <td> <a href="https://api.whatsapp.com/send?phone={{ $doctorlists->phone }}"
                                                        target="_blank" class="btn btn-success">
                                                        <i class="fab fa-whatsapp fa-sm"></i>


                                                    </a>{{ $doctorlists->phone }}

                                                </td>

                                                <td>
                                                    <a href="mailto:{{ $doctorlists->email }}">{{ $doctorlists->email }}
                                                        <i class="far fa-envelope"></i>
                                                    </a>
                                                </td>



                                                <td> {{ isset($doctorlists->country->name) ? $doctorlists->country->name : 'not selected' }}
                                                </td>

                                                <!-- <td>{{ isset($doctorlists->state->name) ? $doctorlists->state->name : 'not selected' }}

                                                </td> -->
                                                <td>{{ $doctorlists->created_at }}</td>


                                                {{--                                                  <td>{{ isset($doctorlists->city->name) ? $doctorlists->city->name:'not selected' }}</td>
  --}}

                                                <td class="text-end">
                                                    <button class="btn btn-primary" data-bs-toggle="modal"
                                                        data-bs-target="#exampleModal{{ $doctorlists->id }}"> View</button>
                                                </td>
                                                <div class="modal fade" id="exampleModal{{ $doctorlists->id }}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                                    <div class="modal-dialog modal-lg">
                                                        <div class="modal-content">
                                                            <div class="modal-header">
                                                                <h1 class="modal-title fs-5" id="exampleModalLabel">Doctor Details</h1>
                                                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                            </div>
                                                            <div class="modal-body">
                                                                <div class="row">
                                                                    <div class="col-md-4">
                                                                        <label for="name">Name</label>
                                                                        <input type="text" class="form-control" id="name"
                                                                            value="{{ $doctorlists->fname }} {{ $doctorlists->lname }}" readonly>
                                                                    </div>
                                                                    <div class="col-md-4">
                                                                        <label for="phone">Phone</label>
                                                                        <input type="text" class="form-control" id="phone" value="{{ $doctorlists->phone }}"
                                                                            readonly>
                                                                    </div>
                                                                    <div class="col-md-4">
                                                                        <label for="email">Email</label>
                                                                        <input type="email" class="form-control" id="email" value="{{ $doctorlists->email }}"
                                                                            readonly>
                                                                    </div>
                                                                    <div class="col-md-4">
                                                                        <label for="gender">Gender</label>
                                                                        <input type="text" class="form-control" id="gender"
                                                                            value="{{ $doctorlists->gender }}" readonly>
                                                                    </div>
                                                                   
                                                                    <div class="col-md-4">
                                                                        <label for="country">Country</label>
                                                                        <input type="text" class="form-control" id="country"
                                                                            value="{{ isset($doctorlists->country->name) ? $doctorlists->country->name : 'not selected' }}" readonly>
                                                                    </div>
                                                                    <div class="col-md-4">
                                                                        <label for="state">State</label>
                                                                        <input type="text" class="form-control" id="state"
                                                                            value="{{ isset($doctorlists->state->name) ? $doctorlists->state->name : 'not selected' }}" readonly>
                                                                    </div>
                                                                    <div class="col-md-4">
                                                                        <label for="city">City</label>
                                                                        <input type="text" class="form-control" id="city"
                                                                            value="{{ isset($doctorlists->city->name) ? $doctorlists->city->name : 'not selected' }}" readonly>
                                                                    </div>
                                                                    <div class="col-md-4">
                                                                        <label for="gender"> Age  </label>
                                                                        <input type="text" class="form-control" id="gender"
                                                                            value="{{ $doctorlists->doctorAge }}" readonly>
                                                                    </div>
                                                                    <div class="col-md-4">
                                                                        <label for="gender"> How many myositis patients do you see in a year?  </label>
                                                                        <input type="text" class="form-control" id="gender"
                                                                            value="{{ $doctorlists->dob }}" readonly>
                                                                    </div>
                                                                    <div class="col-md-4">
                                                                        <label for="gender"> Speciality/Area  </label>
                                                                        <input type="text" class="form-control" id="gender"
                                                                            value="{{ $doctorlists->doctorSpeciality }}" readonly>
                                                                    </div>
                                                                    <div class="col-md-12">
                                                                        <label for="message">Message</label>
                                                                        <textarea class="form-control" id="message" rows="3" readonly>{{ $doctorlists->message }}</textarea>
                                                                    </div>
                                        
                                        
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                                        
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </tr>
                                        @endforeach

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
       
    @endsection