@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">Orders / Returns</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>
                    <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 }}" readonly>
                        </div>
                        <div class="form-group">
                          <label>Name</label>
                          <input type="text" class="form-control" value="{{ $customer->name }}">
                        </div>
                        <div class="form-group">
                            <label>location</label>
                            <input type="text" class="form-control" value="{{ $customer->location }}">
                          </div>
                        
                      </div>
                      <div class="col-md-6">
                        <div class="form-group">
                          <label>Meter Number</label>
                          <input type="text" class="form-control" value="{{ $customer->meter_number }}" readonly>
                        </div>
                        
                       
                        <div class="form-group">
                          <label>Phone Number</label>
                          <input type="text" class="form-control" value="{{ $customer->phone_number }}">
                        </div>
                        <div class="form-group">
                          <label>Email</label>
                          <input type="email" class="form-control" value="{{ $customer->email }}">
                        </div>
                      
                        <div class="form-group">
                            <label>Address</label>
                            <textarea class="form-control" rows="3">{{ $customer->building }}</textarea>
                          </div>
                      </div>
                    </div>
                    <div class="form-group">
                      <label>Comment</label>
                      <textarea class="form-control" rows="3">{{ $customer->add_info }}</textarea>
                    </div>
                                        <div class="row">
                      <div class="col-md-12">
                        <div class="form-group">
                          <label>Chnage 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>
                        
                        </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>Agent Supplier</td>
                                    <td>Jul 18, 2014</td>
                                    <td>-</td>
                                    <td>Active</td>
                                </tr>
                                <!-- Add more rows as needed -->
                            </tbody>
                        </table>
                    </div>
                </div>
            
                <!-- Customer Wise Rate Table -->
                <div class="box box-info mt-4">
                    <div class="box-body">
                        <h4>Customer Wise Rates</h4>
                        @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>Amount</th>
                          <th>Method</th>
                          <th>Status</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td>Aug 1, 2024</td>
                          <td>$50.00</td>
                          <td>Credit Card</td>
                          <td>Completed</td>
                        </tr>
                        <!-- Add more rows as needed -->
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>
              
              <div class="tab-pane" id="tab_water_consumption">
                <div class="box box-success">
                  <div class="box-body">
                    <h4>Orders / Returns</h4>
                    <table class="table table-bordered">
                      <thead>
                        <tr>
                          <th>Date</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->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>Date</th>
                          <th>Invoice Number</th>
                          <th>Amount</th>
                          <th>Invoice Type</th>
                          <th>Units</th>
                          <th>Status</th>
                          <th>Paid</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>{{ 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