@extends('layouts.mastercms')

@section('content')
<div class="content-wrapper container">
@include('flash')
    <div class="section px-2">
        <div class="row space-between">
            <div class="col-sm-12 col-md-2">
                <a href="/membercreate" class="btn btn-primary my-2"><i class="fas fa-plus mr-1"></i>Create</a>
            </div> 
            <div class="col-sm-12 col-md-10">
                <div>
                    <form>
                        <span class=" d-inline-block my-2">
                            <select class="form-select custom-select catfilter" name="year" aria-label="filter by category" placeholder="Filter by category">
                                
                                <!-- <option value="board_of_director">Board Of Director</option> -->
                                @foreach($membercat as $memcat)
                                    <option value='{{$memcat->title}}'>{{$memcat->title}}</option>
                                @endforeach
                            </select>
                        </span>
                        
                        
                        <div class="d-inline-block">
                            <button class="btn btn-secondary px-4">Filter</button>
                        </div>
                    </form>
                   
                </div>
            </div>
        </div>

        <table class='table' id='product_data'>
            <thead>
                <tr>
                <th scope='col'>ID</th>
                <th scope='col'>Name</th>
                <th scope='col'>Image</th>
                <th scope='col'>Year</th>
                <th scope='col'>Type</th>
                <th scope='col'>Order</th>
                <th scope='col'>CurrentYear</th>
                <th scope='col'>Action</th>
                </tr>
            </thead>
           
            @foreach($member as $posts)
            <tbody>
                <tr>
                <td scope="col">{{$posts->id}}</td>
                <td scope="col"><a href="member/{{$posts->id}}">{{$posts->name}}</a></td>
           
        
                <td scope="col">
                    <img src="{{$posts->image()}}" alt="" height="60" width="60"></td>
                <td scope="col">
                    {{$posts->category}}
                </td>
                <td scope="col">
                    {{$posts->type}}
                </td>
                <td scope="col">
                    {{$posts->order}}
                </td>
                <td scope="col">
                    @if($posts->activeCurrentYear==1)
                    <p><strong>Active</strong> </p>
                    @else
                    <p> <strong>Not Active</strong> </p>
                    @endif
                </td>
                <td scope="col">
                <a href="/memberedit/{{$posts->id}}"><i class="nav-icon fas fa-pen pr-5"></i></a>
                <form action="/memberdel/{{$posts->id}}" class="d-inline" method='POST'>
                    @csrf
                    @method('DELETE')
                    <button class="btn" onclick="return confirm('Are you sure you want to delete this product?');" ><i class="fas fa-trash text-danger"></i></button>
                </form>

                </td>
                </tr>
            </tbody>
            @endforeach
        
        </table>

      
    </div>
</div>
@endsection