@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">teamData

                            </a></li>

                        <li class="breadcrumb-item"><i class="feather-chevron-right"></i></li>

                        <li class="breadcrumb-item active">teamData 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>Team 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="assets/img/icons/search-normal.svg" alt=""></a>

                                                </form>

                                            </div>

                                            <div class="add-group">

                                                <a href="add-doctor.html" class="btn btn-primary

                               add-pluss ms-2"><img src="{{ asset('backend/assets/img/icons/plus.svg') }}" alt=""></a>

                                                <a href="javascript:;" class="btn btn-primary

                               doctor-refresh ms-2"><img src="{{ asset('backend/assets/img/icons/re-fresh.svg') }}" alt=""></a>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                                <div class="col-auto text-end float-end ms-auto

                       download-grp">

                                    <a href="" class=" me-2"><img src="{{ asset('backend/assets/img/icons/pdf-icon-01.svg') }}" alt=""></a>

                                    <a href="" class=" me-2"><img src="{{ asset('backend/assets/img/icons/pdf-icon-02.svg') }}" alt=""></a>

                                    <a href="" class=" me-2"><img src="{{ asset('backend/assets/img/icons/pdf-icon-03.svg') }}" alt=""></a>

                                    <a href=""><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">
                                @if(session()->has('success'))
                                <div class="alert alert-success">
                                    {{session()->get('success')}}
                                </div>
                                @endif
                                <thead>

                                    <tr>

                                        <th>

                                            <div class="form-check check-tables">

                                                <input class="form-check-input" type="checkbox" value="something">

                                            </div>

                                        </th>
                                        <th>Profile</th>
                                        <th>Name</th>
                                        <th>Role</th>
                                        <th>Action</th>

                                    </tr>

                                </thead>

                                <tbody>

                                    @foreach ($data as $teamData)
                                    <tr>
                                        <td>
                                            <div class="form-check check-tables">
                                                <input class="form-check-input" type="checkbox" value="something">
                                            </div>
                                        </td>
                                        <td>
                                            @if(isset($data->image))
                                            <img src="{{ asset(Storage::url($data->image)) }}" alt="" class="img-fluid" width="340px;" height="250px;">
                                            @else
                                            No Image Available
                                            @endif
                                        </td>
                                        <td class="profile-image">
                                            <a href="">
                                                {{ $teamData->name }}
                                            </a>
                                        </td>
                                        <td>{{ $teamData->designation }}</td>
                                        <td class="text-end">
                                            <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#editModal{{$teamData->id}}">Edit</button>
                                            <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#exampleModal{{$teamData->id}}">View</button>
                                            <form action="{{route('team.delete',$teamData->id)}}" method="post">
                                                @csrf
                                                @method('delete')
                                            <button type="submit" class="btn btn-danger">Delete</button>

                                            </form>
                                        </td>
                                    </tr>
                                    <!-- View Modal -->
                                    <div class="modal fade" id="exampleModal{{$teamData->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">Team Member Details</h1>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                                <div class="modal-body">
                                                    <form action="">
                                                        <div class="row">
                                                            <div class="form-group col-md-4">
                                                                <label for="">Name</label>
                                                                <input type="text" value="{{$teamData->name}}" class="form-control" readonly>
                                                            </div>
                                                            <div class="form-group col-md-4">
                                                                <label for="">Role</label>
                                                                <input type="text" value="{{$teamData->designation}}" class="form-control" readonly>
                                                            </div>
                                                            <div class="form-group col-md-4">
                                                                <label for="">Role</label>
                                                                <input type="text" value="{{$teamData->joinAs}}" class="form-control" readonly>
                                                            </div>

                                                        </div>

                                                        <div class="form-group col-md-12">
                                                            <label for="">Bio</label>
                                                            <textarea name="" id="" cols="30" rows="10" class="form-control col-md-12" readonly>{{$teamData->bio}}</textarea>
                                                        </div>
                                                </div>

                                                </form>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

                                            </div>
                                        </div>
                                    </div>
                        </div>

                        <!-- Edit Modal -->
                        <div class="modal fade" id="editModal{{$teamData->id}}" tabindex="-1" aria-labelledby="editModalLabel" 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">Edit Team Member</h1>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body">
                                        <form action="{{route('team.update',$teamData->id)}}" method="post">
                                            @csrf

                                            <div class="row">
                                                <div class="form-group col-md-4">
                                                    <label for="">Name</label>
                                                    <input type="text" name="name" value="{{$teamData->name}}" class="form-control">
                                                </div>
                                                <div class="form-group col-md-4">
                                                    <label for="">Role</label>
                                                    <input type="text" name="designation" value="{{$teamData->designation}}" class="form-control">
                                                </div>
                                                <div class="form-group col-md-4">
                                                    <label for="name" class="form-label">Joining As</label>
                                                    <select name="joinAs" id="" class="form-control">
                                                        <option value="">--Select--</option>
                                                        <option value="Team" {{$teamData->joinAs == 'Team' ? 'selected' : ''}}>Team</option>
                                                        <option value="Volunteer" {{$teamData->joinAs == 'Volunteer' ? 'selected' : ''}}>Volunteer</option>
                                                    </select>
                                                </div>
                                                <div class="form-group col-md-4">
                            <label for="image" class="form-label">Image</label>
                            <input type="file" name="image" id="image" class="form-control">
                        </div>
                                                <div class="form-group col-md-12">
                                                    <label for="">Bio</label>
                                                    <textarea name="bio" id="" cols="30" rows="10" class="form-control col-md-12">{{$teamData->bio}}</textarea>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="submit" class="btn btn-primary">Update Now</button>
                                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>

                                            </div>
                                        </form>
                                    </div>

                                </div>
                            </div>
                        </div>


                        @endforeach

                        </tbody>


                        </table>

                    </div>

                </div>

            </div>

        </div>

    </div>

</div>



</div>

<div id="delete_patient" class="modal fade delete-modal" role="dialog">

    <div class="modal-dialog modal-dialog-centered">

        <div class="modal-content">

            <div class="modal-body text-center">

                <img src="assets/img/sent.png" alt="" width="50" height="46">

                <h3>Are you sure want to delete this ?</h3>

                <div class="m-t-20"> <a href="#" class="btn btn-white" data-bs-dismiss="modal">Close</a>

                    <button type="submit" class="btn btn-danger">Delete</button>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection