@extends('admin.layouts.app')

@section('title', $title)

@section('content')
    <div class="row">
        @include('admin.layouts.errors')

        @include('admin.layouts.notifications')

        <div class="col-md-8">
            <div class="bgc-white bd bdrs-3 p-20 mB-20">
                <!-- title row -->
                <div class="row">
                    <div class="col-sm-6">
                        <h3 class="c-grey-900 mT-10 mB-30">Subscription #{{ $subscription->reference_id }}</h3>
                    </div>
                    <div class="col-sm-6">
                        <p class="lead float-end mT-10 mB-30">Date Time: {{ $subscription->created_at }}</p>
                    </div>
                </div>

                <!-- info row -->
                <div class="row mt-3">
                    <div class="col-sm-6">
                        <p class="lead">General:</p>
                        <strong>Submitted: </strong><span>{{ $subscription->created_at->diffForHumans() }}</span><br>
                    </div>
                    <div class="col-sm-6">
                        <p class="lead">Billing Details:</p>
                        <address>
                            <strong>Name:</strong> <a href="{{ route('ch-admin.user.edit', $subscription->user->id) }}">{{ $subscription->user->name }}</a>
                            <br>
                            <strong>Address:</strong> {{ $subscription->user->billingAddress->address }}<br>
                            <strong>City:</strong> {{ $subscription->user->billingAddress->city }}<br>
                            <strong>State:</strong> {{ $subscription->user->billingAddress->state->name }}<br>
                            <strong>Country:</strong> {{ $subscription->user->billingAddress->country->name }}<br>
                            <strong>Zip code:</strong> {{ $subscription->user->billingAddress->zip }}<br>
                        </address>
                    </div>
                </div>

                <!-- Products row -->
                <div class="row mt-3">
                    <div class="col-xs-12 table-responsive">
                        <p class="lead mt-30">Item Purchased:</p>
                        <table class="table table-striped">
                            <thead>
                            <tr>
                                <th>Product</th>
                                <th>Quantity</th>
                                <th>Price</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach ( $order->items as $item )
                                <tr>
                                    <td>{!! $item->name !!}</td>
                                    <td>{{ $item->quantity }}</td>
                                    <td>{!! ch_format_price( $item->price, $order->currency ) !!}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- Payment row -->
                <div class="row mt-3">
                    <div class="col-md-6">
                        <p class="lead">Payment Details:</p>

                        <div class="table-responsive">
                            <table class="table">
                                <tr>
                                    <th class="w-50p">Payment method:</th>
                                    <td>{{ $order->payment_method }}</td>
                                </tr>
                                <tr>
                                    <th>Transaction ID</th>
                                    <td>{{ $order->transaction_id }}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <p class="lead">Summary</p>

                        <div class="table-responsive">
                            <table class="table">
                                <tr>
                                    <th class="w-50p">Subtotal:</th>
                                    <td>{!! ch_format_price($order->subtotal, $order->currency) !!}</td>
                                </tr>
                                <tr>
                                    <th class="w-50p">Tax:</th>
                                    <td>{!! ch_format_price($order->tax_amount, $order->currency) !!}</td>
                                </tr>
                                <tr>
                                    <th class="w-50p">Total:</th>
                                    <td>{!! ch_format_price($order->total, $order->currency) !!}</td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>

                <!-- Related Orders -->
                <div class="row mt-3">
                    <p class="lead">Related orders:</p>

                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th>Order</th>
                            <th>Date</th>
                            <th>Status</th>
                            <th>Total</th>
                            <th>Actions</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($subscription->orders as $order)
                            <tr>
                                <th>#{{$order->order_reference}}</th>
                                <td>{{$order->created_at->format('F d, Y')}}</td>
                                <td>{{getConstantLabel('order_status', $order->status)}}</td>
                                <td>{!! ch_format_price($order->total, $order->currency) !!}</td>
                                <td>
                                    <a href="{{ route('ch-admin.subscription.order.edit', ['subscription_id' => $subscription->id, 'order_id' => $order->id]) }}" class="btn btn-sm btn-primary">View <i class="ti-eye"></i></a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="bgc-white bd bdrs-3 p-20 mB-20">
                <h4 class="c-grey-900 mT-10 mB-30">Update Subscription</h4>

                <form class="form-horizontal" action="{{ route('ch-admin.subscription.update', $subscription->id) }}" method="post">
                    @csrf
                    @method('PUT')

                    <div class="mb-3">
                        <label for="status" class="form-label">Status</label>
                        <select id="status" name="status" class="form-select">
                            @foreach(getConstants('subscription_status') as $key => $value)
                                <option value="{{ $key }}" {{ $subscription->status == $key ? 'SELECTED' : '' }}>{{ $value }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="mb-3">
                                <label for="billing_cycle" class="form-label">Billing Cycle</label>
                                <select id="billing_cycle" name="billing_cycle" class="form-select" disabled>
                                    @foreach($billingCycles as $key => $cycle)
                                        <option value="{{ $key }}" {{ old('billing_cycle' , $subscription->billing_cycle ?? '') == $key ? 'selected' : '' }}>{{ $cycle }}</option>
                                    @endforeach
                                </select>

                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="mb-3">
                                <label for="billing-cycle-count" class="form-label">Billing Count</label>
                                <input type="number" id="billing-cycle-count" name="billing-cycle-count" class="form-select" value="{{ $subscription->billing_cycle_count }}" disabled>
                            </div>
                        </div>
                    </div>

                    @if($subscription->trial_active)
                        <div class="mb-3">
                            <div class="form-check form-switch">
                                <label class="form-check-label" for="trial_available">Trial Available</label>
                                <input class="form-check-input" type="checkbox" role="switch" id="trial_available" name="trial_available" {{ old('trial_available', $subscription->trial_active) ? 'checked' : '' }} disabled>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-6">
                                <div class="mb-3">
                                    <label for="trial_start_date" class="form-label">Trial Start Date</label>
                                    <input type="date" id="trial_start_date" name="trial_start_date" class="form-control" value="{{ old('trial_start_date', $subscription->trial_start_date ? $subscription->trial_start_date->toDateString() : '') }}" disabled>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="mb-3">
                                    <label for="trial_end_date" class="form-label">Trial End Date</label>
                                    <input type="date" id="trial_end_date" name="trial_end_date" class="form-control" value="{{ old('trial_end_date', $subscription->trial_end_date ? $subscription->trial_end_date->toDateString() : '') }}" disabled>
                                </div>
                            </div>
                        </div>
                    @endif

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="mb-3">
                                <label for="start_date" class="form-label">Start Date</label>
                                <input type="date" id="start_date" name="start_date" class="form-control" value="{{ old('start_date', $subscription->start_date ? $subscription->start_date->toDateString() : '') }}" disabled>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="mb-3">
                                <label for="end_date" class="form-label">End Date</label>
                                <input type="date" id="end_date" name="end_date" class="form-control" value="{{ old('end_date', $subscription->end_date ? $subscription->end_date->toDateString() : '') }}" disabled>
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="next_billing_date" class="form-label">Next Payment Date</label>
                        <input type="date" id="next_billing_date" name="next_billing_date" class="form-control" value="{{ old('next_billing_date', $subscription->next_billing_date ? $subscription->next_billing_date->toDateString() : '') }}" disabled>
                    </div>

                    <button class="btn btn-primary">Update Subscription</button>
                </form>
            </div>
        </div>
    </div>
@endsection