@extends('admin.layout.master')
@section('title', 'Manage Card Grade')
@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">{{lt('obs.card_grade_list')}}</h4>
            <div  class="col-6 d-flex justify-content-end">
                <a  data-bs-toggle="modal" data-bs-target="#addcardgrade" 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 me-2"></i>
                    </div>
                    <div class="">{{lt('obs.add_new')}} </div>
                </a>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-12">
                    <div class="cl-table-container">
                        <table class="table cl-table table-bordered">
                            <thead>
                                <tr>
                                    <th scope="col">#</th>
                                    <th scope="col">{{lt('obs.name')}}</th>
                                    <th scope="col">{{lt('obs.local_name')}}</th>
                                    @if (isset(warehouse_info()->membership_offer_type) && warehouse_info()->membership_offer_type == 2)
                                        <th scope="col">{{lt('obs.rate')}}</th>
                                    @else
                                        <th scope="col">{{lt('obs.percentage')}}</th>
                                    @endif
                                    <th scope="col">{{lt('obs.status')}}</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php($i = 1)
                                    @foreach ($cardgrades as $cardgrade)
                                        <tr>
                                            <th scope="row">{{ $i++ }}</th>
                                            <td>{{ $cardgrade->name_eng }}</td>
                                            <td>{{ $cardgrade->name_local }}</td>
                                            <td>{{ $cardgrade->percentage }}</td>
                                            <td>
                                                @if ($cardgrade->status == 1)
                                                    <p style="color:green">{{lt('obs.active')}}</p>
                                                @else
                                                    <p style="color:red">{{lt('obs.inactive')}}</p>
                                                @endif
                                            </td>
                                            <td>
                                                <!-- Button trigger modal -->
                                                @if(checkAuthPermission('cardgrade.edit'))
                                                    <button type="button" onClick='editcardgrade({{ $cardgrade->id }})'
                                                        class="btn btn-danger btn-sm" data-bs-toggle="modal" data-bs-target="#editcardgrade">
                                                        {{lt('obs.edit')}}
                                                    </button>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('inventory.modal.add_cardgrade')
    @include('inventory.modal.edit_cardgrade')
@endsection
@section('script')
    <script type="text/javascript" src="{{ asset('inventory/custom/cardgrade.js') }}"></script>
    <script>
        $(document).ready(function() {
            $('.stats').select2();
        });
    </script>
@endsection