@extends('admin.layout.master')
@section('title', 'Manage Card Member')
@section('content')
    <div class="card sina-card">
        <div class="card-header card-header-s d-flex flex-wrap align-items-center">
            <h4 class="col-6 pl-0">{{__('obs.card_member_list')}}</h4>
            <div  class="col-6 d-flex justify-content-end">
                <a onclick="openModal()" class="btn-sina-title-add btn btn-light d-flex align-items-center" type="button" name="button">
                    <div class="col pl-0 pr-2">
                        <i class="fas fa-plus-circle"></i>
                    </div>
                    <div class="">{{__('obs.add_new')}}</div>
                </a>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-12">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">{{__('obs.customer_name')}}</th>
                                <th scope="col">{{__('obs.grade')}}</th>
                                <th scope="col">{{__('obs.card_number')}}</th>
                                <th scope="col">{{__('obs.expire_date')}}</th>
                                <th scope="col">{{__('obs.posting_date')}}</th>
                                <th scope="col">{{__('obs.note')}}</th>
                                <th scope="col">{{__('obs.status')}}</th>
                                <th scope="col">{{__('obs.active')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php($i = 1)
                                @foreach ($cardMembers as $cardMember)
                                    <tr>
                                        <th scope="row">{{ $i++ }}</th>
                                        <td>{{ $cardMember->party->name_eng }}</td>
                                        <td>{{ $cardMember->cardGrade->name_eng??"" }}({{ $cardMember->cardGrade->percentage??0 }})</td>
                                        <td>{{ $cardMember->card_number }}</td>
                                        <td>{{ date('d-m-Y', strtotime($cardMember->expiry_date)) }}</td>
                                        <td>{{ date('d-m-Y', strtotime($cardMember->posting_date)) }}</td>
                                        <td>{{ $cardMember->note }}</td>
                                        <td> <p class="text-{{ $cardMember->status == 1 ? 'success' : 'danger'}}">{{ $cardMember->status == 1 ? 'Active' : 'Inactive'}}</p> </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" --}}
                                                    {{__('obs.edit')}}
                                                </button>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('admin.global.loader')
    @include('inventory.modal.add_card_member')
@endsection
@section('script')
    <script type="text/javascript" src="{{ asset('inventory/blade_js/common.js') }}"></script>
    <script type="text/javascript" src="{{ asset('inventory/custom/cardMember.js') }}"></script>
    <script type="text/javascript" src="{{ asset('inventory/custom/cardgrade.js') }}"></script>
@endsection