@extends('layouts.admin_dynamic')

@section('content')

    <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <h3>{{ $customer->name }}</h3>

                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#tab_contract_info" data-toggle="tab">Contact information</a></li>
                            <li><a href="#tab_subscribed_services" data-toggle="tab">Subscribed services</a></li>
                            <li><a href="#tab_payments" data-toggle="tab">Payments</a></li>
                            <li><a href="#tab_water_consumption" data-toggle="tab">Water consumption history</a></li>
                            <li><a href="#tab_invoices" data-toggle="tab">Invoices</a></li>
                        </ul>

                        <div class="tab-content">
                            <div class="tab-pane active" id="tab_contract_info">
                                <div class="box box-success">
                                    <div class="box-body">
                                     <form action="{{ route('customers.update', $customer->id) }}" method="POST">
    @csrf
    @method('POST') <!-- If the route expects PUT for updates -->
    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <label>Customer number</label>
                <input type="text" class="form-control" value="{{ $customer->uniquecustomer_id }}" readonly>
            </div>
            <div class="form-group">
                <label>Actual state</label>
                <input type="text" class="form-control" value="{{ $customer->status }}" readonly>
            </div>
            <div class="form-group">
                <label>Creation Date</label>
                <input type="text" class="form-control" value="{{ $customer->created_at->format('Y-m-d H:i:s') }}" readonly>
            </div>
            <div class="form-group">
                <label>Name</label>
                <input type="text" class="form-control" name="name" value="{{ old('name', $customer->name) }}">
                @error('name') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="form-group">
                <label>Location</label>
                <input type="text" class="form-control" name="location" value="{{ old('location', $customer->location) }}">
                @error('location') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <label>Phone Number</label>
                <input type="text" class="form-control" name="phone_number" value="{{ old('phone_number', $customer->phone_number) }}">
                @error('phone_number') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="form-group">
                <label>Email</label>
                <input type="email" class="form-control" name="email" value="{{ old('email', $customer->email) }}">
                @error('email') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="form-group">
                <label>Address</label>
                <textarea class="form-control" name="building" rows="3">{{ old('building', $customer->building) }}</textarea>
                @error('building') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
        </div>
    </div>
    <div class="form-group">
        <label>Comment</label>
        <textarea class="form-control" name="add_info" rows="3">{{ old('add_info', $customer->add_info) }}</textarea>
        @error('add_info') <span class="text-danger">{{ $message }}</span> @enderror
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <label>Change status</label>
                <select class="form-control" name="status">
                    <option value="active" {{ $customer->status == 'active' ? 'selected' : '' }}>Active</option>
                    <option value="inactive" {{ $customer->status == 'inactive' ? 'selected' : '' }}>Inactive</option>
                    <option value="suspended" {{ $customer->status == 'suspended' ? 'selected' : '' }}>Suspended</option>
                </select>
                @error('status') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <button class="btn btn-primary pull-right">Save</button>
        </div>
    </div>
</form>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane" id="tab_subscribed_services">
                                <div class="box box-success">
                                    <div class="box-body">
                                        <h4>Subscribed Services</h4>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>Service</th>
                                                    <th>Start Date</th>
                                                    <th>End Date</th>
                                                    <th>Status</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>Water Supply</td>
                                                    <td>{{ $customer->converted_at }}</td>
                                                        <td>-</td>
                                                    <td>Active</td>
                                                </tr>
                                                <!-- Add more rows as needed -->
                                            </tbody>
                                        </table>
                                        <h4>My Meters</h4>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>Meter</th>
                                                    <th>Installation Date</th>

                                                    <th>Status</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($meters as $meter)
                                           
                                                <tr>
                                                    <td>{{ $meter->meter_number }}</td>
                                                    <td>{{ $meter->created_at }}</td>

                                                    <td>{{ $meter->status }}</td>
                                                </tr>

                                                     @endforeach

                                            </tbody>
                                        </table>
                                    </div>
                                </div>

                                <!-- Customer Wise Rate Table -->
                                <div class="box box-info mt-4">
                                    <div class="box-body">
                                        <h4>Customer Wise Rates</h4>
                                        @php
                                            $customerWiseRate = $customer->customerWiseRate;
                                        @endphp
                                        @if (!empty($customerWiseRate) && count($customerWiseRate) > 0)
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th>ID</th>
                                                        <th>Customer ID</th>
                                                        <th>Agent ID</th>
                                                        <th>Product ID</th>
                                                        <th>User Type</th>
                                                        <th>Sale Price</th>
                                                        <th>Start Date</th>
                                                        <th>End Date</th>
                                                        <th>Status</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach ($customerWiseRate as $rate)
                                                        <tr>
                                                            <td>{{ $rate->id }}</td>
                                                            <td>{{ $rate->customer_id }}</td>
                                                            <td>{{ $rate->agent_id }}</td>
                                                            <td>{{ $rate->product_id }}</td>
                                                            <td>{{ $rate->usertype }}</td>
                                                            <td>{{ $rate->sale_price }}</td>
                                                            <td>{{ $rate->startdate }}</td>
                                                            <td>{{ $rate->enddate ?? '-' }}</td>
                                                            <td>{{ $rate->status }}</td>
                                                        </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>
                                        @else
                                            <p>No customer-wise rates found.</p>
                                        @endif
                                    </div>
                                </div>
                            </div>


                            <div class="tab-pane" id="tab_payments">
                                <div class="box box-success">
                                    <div class="box-body">
                                        <h4>Payment History</h4>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>{{ __('Date') }}</th>
                                                    <th>{{ __('Transaction Type') }}</th>
                                                    <th>{{ __('Amount') }}</th>
                                                    <th class="hidden-xs">{{ __('Short Code') }}</th>
                                                    <th class="hidden-xs">{{ __('Biller Number') }}</th>
                                                    <th class="hidden-xs">{{ __('Phone Number') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($transactions as $value)
                                                    <tr>
                                                        <td>{{ $value->created_at->format('d M, Y') }}</td>
                                                        <td>
                                                            @if ($value->transaction_type == 1)
                                                                {{ __('Payment') }}
                                                            @elseif($value->transaction_type == 2)
                                                                {{ __('Receipt') }}
                                                            @else
                                                                {{ __('Charge') }}
                                                            @endif
                                                        </td>
                                                        <td>{{ $value->amount }}</td>
                                                        <td class="hidden-xs">{{ $value->business_short_code }}</td>
                                                        <td class="hidden-xs">{{ $value->bill_ref_number }}</td>
                                                        <td class="hidden-xs">{{ $value->phone_number }}</td>
                                                        <!-- <td class="item_btn_group">
                                        {{-- Actions --}}
                                        <a href="{{ url('transactions/' . $value->id . '/edit') }}" data-replace="#editTransaction" data-toggle="modal" data-target="#editTransactionModal" class="btn btn-primary"><i class="fa fa-pencil"></i> {{ __('Edit') }}</a>
                                        <form action="{{ url('transactions/' . $value->id) }}" method="POST" style="display: inline;">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="btn btn-danger" onclick="return confirm('{{ __('Are you sure?') }}')"><i class="fa fa-trash"></i> {{ __('Delete') }}</button>
                                        </form>
                                    </td> -->
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane" id="tab_water_consumption">
                                <div class="box box-success">
                                    <div class="box-body">
                                        <h4>Water Consumption History</h4>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>Date</th>
                                                    <th>Meter Number</th>
                                                    <th>Reading</th>
                                                    <th>Consumption</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @foreach ($meterReading as $reading)
                                                    <tr>
                                                        <td>{{ $reading->created_at->format('M d, Y') }}</td>
                                                        <td>{{ $reading->meter_number }}</td>
                                                           <td>{{ $reading->new_reading }}</td>
                                                        <td>{{ $reading->units }}</td>
                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane" id="tab_invoices">
                                <div class="box box-success">
                                    <div class="box-body">
                                        <h4>Invoices</h4>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>Generation Date</th>
                                                    <th>Invoice Number</th>
                                                    <th>Amount</th>
                                                    <th>Credit Notes</th>
                                                    <th>Invoice Type</th>
                                                    <th>Units</th>
                                                    <th>Status</th>
                                                    <th>Payment Date</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                @forelse($invoices as $invoice)
                                                    <tr>
                                                        <td>{{ $invoice->created_at->format('M d, Y') }}</td>
                                                        <td>{{ $invoice->invoiceNo }}</td>
                                                        <td>{{ number_format($invoice->amount, 2) }}</td>
                                                        <td>{{ number_format($invoice->total_credits, 2) }}</td>
                                                        <td>{{ ucfirst($invoice->invoice_type) }}</td>
                                                        <td>{{ $invoice->units }}</td>
                                                        <td>{{ ucfirst($invoice->status) }}</td>
                                                        {{-- <td>{{ $invoice->paid ? 'Yes' : 'No' }}</td> --}}
                                                        <td>{{ optional($invoice->paymentdate)->format('M d, Y') }}</td>
                                                    </tr>
                                                @empty
                                                    <tr>
                                                        <td colspan="8" class="text-center">No invoices found</td>
                                                    </tr>
                                                @endforelse
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
@endsection