@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">
            <div class="col-6">
                <div class="card main_card">
                    <div class="card-header">
                        <strong class="h6"><i class='bx bx-note'></i> {{__($namespaceName.'/'.$modelName.'.subscription_details')}}</strong>
                    </div>
                    <div class="card-body">
                        <div class="border p-3 rounded">
                            <div class="row justify-content-between">
                                <div class="col-12">
                                    <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.'.name')}}</span> : {{$data->subscription_name}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.code')}}</span> : {{$data->subscription_code}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.start_date')}}</span> : {{dateTimeFormat($data->start_date)}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.end_date')}}</span> : {{dateTimeFormat($data->end_date)}}</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="card main_card">
                    <div class="card-header">
                        <strong class="h6"><i class='bx bx-note'></i> {{__($namespaceName.'/'.$modelName.'.package_details')}}</strong>
                    </div>
                    <div class="card-body">
                        <div class="border p-3 rounded">
                            <div class="row ">
                                <div class="col-12">
                                    <ul class="list-group list-group-flush">

                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.package_name')}}</span> : {{$data->regular_package->package_name}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.package_price')}}</span> : {{$data->regular_package->price}}</li>
                                        <li class="list-group-item"><span style="font-weight: bold" >{{__($namespaceName.'/'.$modelName.'.package_interval')}}</span> : {{$data->regular_package->interval_type}}</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row m-1">
        <div class="card col-12 main_card">
            <div class="card-header">
                <strong class="h6"><i class='bx bxs-category'></i> {{__($namespaceName.'/'.$modelName.'.subscription_balance')}}</strong>
            </div>
            <div class="card-body main_card">
                <div class="row">
                <div class="table-responsive">
                    <table id="serviceLimits" class="table table-striped table-bordered text-center">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'limit')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'reserved')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'used')}}</th>
                                <th>{{trans($namespaceName.'/'.$modelName.'.'.'available')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                             @foreach ($data->balance as $row)
                            <tr>
                                <td>{{$loop->iteration}}</td>
                                <td>{{ $row->display_value }}</td>
                                <td>{{$row->reserved}}</td>
                                <td>{{$row->used}}</td>
                                <td>{{$row->available}}</td>
                            </tr>
                             @endforeach
                        </tbody>
                    </table>
                    </div>
                </div>
            </div>
         </div>
        </div>
        <div class="row m-1">
            <div class="card col-12 main_card">
                <div class="card-header">
                    <strong class="h6"><i class='bx bxs-category'></i> {{__($namespaceName.'/'.$modelName.'.extended_subscriptions')}}</strong>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="extended_subscriptions" class="table table-striped table-bordered text-center">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'package_name')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'package_type')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'price')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'interval')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'interval_type')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'start_date')}}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach ($data->extended_packages as $row)

                                    <tr >
                                        <td>{{$loop->iteration}}</td>
                                        <td>{{$row->package_name}}</td>
                                        <td>{{$row->package_type}}</td>
                                        <td>{{$row->price}}</td>
                                        <td>{{$row->interval}}</td>
                                        <td>{{$row->interval_type}}</td>
                                        <td>{{$row->start_date}}</td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
            </div>
        </div>
        <div class="row m-1">
            <div class="card col-12 main_card">
                <div class="card-header">
                    <strong class="h6"><i class='bx bxs-category'></i> {{__($namespaceName.'/'.$modelName.'.related_events')}}</strong>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="table-responsive">
                            <table id="serviceLimits" class="table table-striped table-bordered text-center">
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'event_name')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'event_location')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'start_date')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'end_date')}}</th>
                                    <th>{{trans($namespaceName.'/'.$modelName.'.'.'status')}}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach ($events as $event)
                                    <tr>
                                        <td>{{$loop->iteration}}</td>
                                        <td>{{$event->name}}</td>
                                        <td>{{$event->location}}</td>
                                        <td>{{humanDateTime($event->start_date)}}</td>
                                        <td>{{humanDateTime($event->end_date)}}</td>
                                        {{-- <td>{{$event->status}}</td> --}}
                                        <td>{!! $event->status?'<i class="bx bx-check-circle text-success"
                                            aria-hidden="true"></i>':'<i class="bx bx-error text-danger"
                                            aria-hidden="true"></i>'!!}
                                    </td>
                                     </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
         </div>
        <div class="row m-1">
            <div class="card main_card">
                <div class="card-body">
                    <div>
                        <h5 class="card-title"><i class='bx bxs-cog'></i> {{__($namespaceName.'/'.$modelName.'.subscription_options')}}</h5>
                    </div>
                    <hr>
                    <div class="row row-cols-auto g-3">
                        @if(!($data->is_upcoming))
                        <div class="col">
                            <button type="button" class="btn btn-dark waves-effect waves-light"
                                    onclick="renewSubscription(
                                        {{$data->subscription_code}},
                                        '{{route('subscriptions.renew')}}',
                                        '{{trans($namespaceName.'/'.$modelName.'.'.'Renew subscription now ?')}}',
                                        '{{trans($namespaceName.'/'.$modelName.'.'.'In the event of confirmation, all remaining balance, if any, will be forfeited')}}',
                                        '{{trans($namespaceName.'/'.$modelName.'.'.'Subscription renewed successfully')}}',
                                    )">
                                {{__($namespaceName.'/'.$modelName.'.renew_subscription')}}
                                <i class='bx bx-refresh'></i>
                            </button>
                        </div>
                        @endif
                            @if(!($data->is_expired) && !($data->is_upcoming))
                            <div class="col">
                                @include('operator.subscriptions.includes.extended-modal')
                            </div>
                            <div class="col">
                                @include('operator.subscriptions.includes.extended-interval-model')
                            </div>
                            @endif
                    </div>
                    <!--end row-->
                </div>
            </div>
        </div>
        </div>
     </div>
</div>
@endsection