@extends('admin.layout.master')
@section('title', 'Manage Card Member')
@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-12" style='margin-top:10%'>
                <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#addcardMembers">
                    Add Card Member
                </button>
                <h5 style="color:green">{{ Session::get('message') }}</h5>
                <table class="table table-bordered" style="margin-top:5%">
                    <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Customer Name</th>
                            <th scope="col">Grade</th>
                            <th scope="col">Card Number</th>
                            <th scope="col">Expire Date</th>
                            <th scope="col">Note</th>
                            <th scope="col">Posting Date</th>
                            <th scope="col">Status</th>
                            <th scope="col">Active</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php($i = 1)
                            @foreach ($cardMembers as $cardMember)
                                <tr>
                                    <th scope="row">{{ $i++ }}</th>
                                    @if ($cardMember->customer_name)
                                        <td>{{ $cardMember->customer_name }}</td>
                                    @else
                                        <td>Not Found</td>
                                    @endif
                                    <td>{{ $cardMember->grade }}</td>
                                    <td>{{ $cardMember->card_number }}</td>
                                    <td>{{ $cardMember->expiry_date }}</td>
                                    <td>{{ $cardMember->note }}</td>
                                    <td>{{ $cardMember->posting_date }}</td>
                                    <td>
                                        @if ($cardMember->status == 1)
                                            <p style="color:green">Active</p>
                                        @else
                                            <p style="color:red">Inactive</p>
                                        @endif
                                    </td>
                                    <td>
                                        <!-- Button trigger modal -->
                                        @if(checkAuthPermission('cardmember.edit'))
                                            <button type="button" onClick='editCardMember({{ $cardMember->id }})'
                                                class="btn btn-danger btn-sm" data-toggle="modal" data-target="#editcardMembers">
                                                Edit
                                            </button>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        @include('inventory.modal.edit_card_member')
        @include('inventory.modal.add_card_member')
        <script type="text/javascript" src="{{ asset('admin/custom/api.js') }}"></script>
        <script type="text/javascript" src="{{ asset('inventory/custom/cardgrade.js') }}"></script>
        <script>
            $(document).ready(function() {
                $('.custom').select2();
            });

        </script>
    @endsection