Gecko [ gandhischool.edu.np ]

Name	Size	Permission
about_organization.blade.php	4.05 KB	-rw-rw-r--
aboutus.blade.php	6.68 KB	-rw-rw-r--
advisory_board.blade.php	1.86 KB	-rw-rw-r--
app.blade.php	9.95 KB	-rw-rw-r--
books.blade.php	2.65 KB	-rw-rw-r--
committee.blade.php	2.11 KB	-rw-rw-r--
gallery.blade.php	1.64 KB	-rw-rw-r--
index.blade.php	11.61 KB	-rw-rw-r--
member.blade.php	3.92 KB	-rw-rw-r--
news.blade.php	1.91 KB	-rw-rw-r--
patrons.blade.php	1.77 KB	-rw-rw-r--
publication.blade.php	2.08 KB	-rw-rw-r--
reports.blade.php	2.29 KB	-rw-rw-r--
show_gallery.blade.php	3.34 KB	-rw-rw-r--
show_news.blade.php	1.82 KB	-rw-rw-r--
show_publication.blade.php	3.7 KB	-rw-rw-r--
video.blade.php	1.55 KB	-rw-rw-r--

Code Editor : member.blade.php

@extends('frontend.app')
@section('content')

<div class="container-fluid bg-primary py-5 mb-5 page-header">
    <div class="container py-5">
        <div class="row justify-content-center">
            <div class="col-lg-10 text-center">
                <h1 class="display-3 text-white animated slideInDown">Members</h1>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb justify-content-center">
                        <li class="breadcrumb-item"><a class="text-white" href="/">Home</a></li>
                        <li class="breadcrumb-item text-white active" aria-current="page">Members</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid" style="padding: 0 2em 0 2em">
        <table id="datatable" class="table table-striped dt-responsive nowrap" style="width:100%">
            
            <thead>
                <tr>
                    <th>S.No.</th> 
                    <th>name </th>
                    <th>Address</th>
                    <th>Member Type</th>
                    <th>Image</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @php
                    $i = 1;
                @endphp
                @foreach ($members as $data)

<tr>
                    <td>{{$i++}}</td>
                    <td>{{ $data->name_prefix }} {{ strtoupper($data->name) }}</td>
                    <td>{{$data->full_address}}</td>
                    <td>{{$data->member_types->name}}</td>
                    <td> <img src="/uploads/{{$data->image}}" class="img-fluid" height="100%"  width="100px" alt=""></td>  
                    <td>                   
                        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#showModal{{$data->id}}">
                            Show Details
                        </button>
                    </td>
                </tr>                  
                  
                  <div class="modal fade container-fluid" id="showModal{{$data->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title" id="exampleModalLabel">Member Information</h5>
                          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        </div>
                        <div class="modal-body text-center">
                            <div>
                                @if (empty($data->image))
                                  <img src="/frontend/images/default_avatar.png" height="150rem"  alt="Image Unavailable">
                                @else
                                    <img src="/uploads/{{ $data->image }}" class="" height="150rem"  alt="{{$data->name}}">
                                @endif
                                <p> <strong>{{ $data->name_prefix }} {{ strtoupper($data->name)}}</strong></p> 
                                <p>{{$data->full_address}}</p>
                                <span>{{$data->phone,}} {{$data->email}}</span>
                            </div>
                            <div>
                                <p>{!! $data->description !!}</p>
                            </div>
                    
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                         </div>
                      </div>
                    </div>
                  </div>
                @endforeach
                
            </tbody>
        </table>
    </div>
@endsection

${this.title}

Code Editor : member.blade.php