@include('partials.superadmin.header')
@include('partials.superadmin.menu')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" rel="stylesheet" />
<style>
    .max_pack_span {
        margin: 4px 4px 4px 4px;
    }
</style>
<div class="page-wrapper">
    <!-- Page header -->
    <div class="page-header d-print-none">
        <div class="container-xl">
            <div class="row g-2 align-items-center">
                <div class="col">
                    <div class="row">
                        <div class="col-md-6">
                            <h2>{{ __('Manage Package') }} 12</h2>
                        </div>
                        <div class="col-md-6 float-end">
                            @can('create plan')
                                <a href="#" data-size="xl" data-url="{{ route('package.create') }}"
                                    data-ajax-popup="true" data-bs-toggle="tooltip" title="{{ __('Create') }}"
                                    data-title="{{ __('Create New Package') }}"
                                    class="gapbtn float-end mb-3 btn  btn-primary">
                                    <i class="ti ti-plus"></i>
                                </a>
                            @endcan

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Page body -->
    <div class="page-body">
        <div class="container-xl">
            <div class="card">
                <div class="card-body">
                    <div class="row row-cards">


                        <div class="table-responsive">
                            <table class="table card-table table-vcenter text-nowrap" id="package">
                                <thead>
                                    <tr>
                                        <th>{{ __('Package Name') }}</th>
                                        <th>{{ __('Package Type') }}</th>
                                        <th>{{ __('Features') }}</th>
                                        <th>{{ __('Action') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($package as $plan)
                                        <tr>
                                            <td>
                                                <div class="font-style ">{{ $plan->name }}</div>
                                            </td>
                                            <td>
                                                <div class="font-style ">{{ $plan->package_type }}</div>
                                            </td>
                                            <td>
                                                <div class="">
                                                    @php $planfeatures = json_decode($plan->features, true); @endphp
                                                    @if (!empty($planfeatures))
                                                        @foreach ($planfeatures as $pack)
                                                            @php $subfeatures = \App\Models\Features::where(['id' => $pack])->get(); @endphp

                                                            @forelse ($subfeatures as $sub)
                                                                <span
                                                                    class="badge bg-primary max_pack_span">{{ $sub->features }}</span>
                                                                <br>
                                                            @empty
                                                            @endforelse
                                                        @endforeach
                                                    @endif



                                                </div>
                                            </td>
                                            <td>
                                                <div style="display: flex;">
                                                    <a href="#" data-size="xl"
                                                        data-url="{{ route('package.edit', $plan->id) }}"
                                                        data-ajax-popup="true" data-bs-toggle="tooltip"
                                                        title="{{ __('Edit Package') }}"
                                                        class="btn btn-sm btn-primary">
                                                        <i class="ti ti-pencil"></i>
                                                    </a>
                                                    <div class="action-btn bg-danger ms-2">

                                                        {!! Form::open([
                                                            'method' => 'DELETE',
                                                            'route' => ['package.destroy', $plan->id],
                                                            'id' => 'delete-form-' . $plan->id,
                                                        ]) !!}
                                                        <a href="#"
                                                            class="btn btn-sm btn-danger align-items-center bs-pass-para"
                                                            data-toggle="tooltip"
                                                            data-original-title="{{ __('Delete') }}"
                                                            data-confirm="{{ __('Are You Sure?') . '|' . __('This action can not be undone. Do you want to continue?') }}"
                                                            data-confirm-yes="document.getElementById('delete-form-{{ $plan->id }}').submit();">
                                                            <i class="ti ti-trash text-white"></i>
                                                        </a>
                                                        {!! Form::close() !!}
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <th scope="col" colspan="3">
                                                <h6 class="text-center">{{ __('No Package Found.') }}</h6>
                                            </th>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                        <div class="d-flex mt-4">
                            <ul class="pagination ms-auto"> {{ $package->links() }} </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{{ asset('datatable/jquery.dataTables.min.js') }}"></script>
<script>
    $(document).ready(function() {
        $('#package').DataTable({

            // Disable the searching  
            // of the DataTable 
            searching: true
        });
    });
</script>
@include('partials.superadmin.footer')