@extends('layouts.'.$namespaceName.'.master')
@section('title')
{{$title}}
@endsection
@section('content')
<div class="page-wrapper">
    <div class="page-content m-2">
        @include('message')
        @include('breadcrumb')
        <div class="row row-cols-1 row-cols-lg-2 row-cols-xl-2">


            <div class="col">
                <h6 class="mb-0 text-uppercase">{{__($namespaceName.'/'.$modelName.'.subscription_details')}}</h6>
                <hr/>
                <div class="card">
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.subscription_name')}}</span> : {{$data->subscription_name}}</li>
                            <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.subscription_code')}}</span> : {{$data->subscription_code}}</li>
                            <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.start_date')}}</span> : {{date('d-m-Y', strtotime($data->start_date))}}</li>
                            <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.end_date')}}</span> : {{date('d-m-Y', strtotime($data->end_date))}}</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col">
                <h6 class="mb-0 text-uppercase">{{__($namespaceName.'/'.$modelName.'.other_details')}}</h6>
                <hr/>
                <div class="card">
                    <div class="card-body">
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.host_name')}}</span> : {{$data->consumer->name}}</li>
                            <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.package_name')}}</span> : {{$data->packages->name}}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <h6 class="mb-0 text-uppercase">{{__($namespaceName.'/'.$modelName.'.subscription_limits')}}</h6>
            <hr/>
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive">

                        <table id="example2" class="table table-striped table-bordered text-center">
                            <thead>
                                <tr>
                                    <th>#</th>
                                     <th>{{trans($namespaceName.'/'.$modelName.'.'.'limit_name')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'reserved')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'used')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'available')}}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($data->subscriptionBalance as $balance)
                                    <tr id="row_{{$balance->id}}">
                                        <td>{{$loop->iteration}}</td>
                                        <td>{{$balance->limit->display_value}}</td>
                                        <td>{{$balance->reserved}}</td>
                                        <td>{{$balance->used}}</td>
                                        <td>{{$balance->available}}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection