@extends('layout.super-admin-app')

@section('title','Edit Customer')

@push('header_script')
    <link rel="stylesheet" href="{{ asset('theme/assets/vendor/daterange/daterange.css') }}">
@endpush

@section('content')
<div class="app-hero-header d-flex align-items-center">
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
            <a href="{{ route('tenants.index') }}">Customer Management</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">
            Edit Customer
        </li>
    </ol>
    <div class="ms-auto d-lg-flex flex-row">
        <a href="{{ route('tenants.index') }}" class="btn btn-sm btn-outline-secondary">
            <i class="ri-arrow-left-line"></i> Back
        </a>
    </div>
</div>

<div class="app-body">
    <div class="row gx-3">
        <div class="col-sm-12 col-12 mx-auto">
            <div class="card mb-3">
                <div class="card-header">
                    <h5 class="card-title">Edit Client details for: {{ $tenant->company_code }}</h5>
                </div>
                <div class="card-body">
                    @if(session('error_msg'))
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            {{ session('error_msg') }}
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                        </div>
                    @endif

                    <form action="{{ route('tenants.update', $tenant->id) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <div class="row gx-3">
                            <!-- Company Name -->
                            <div class="col-sm-6 col-12 mb-3">
                                <label class="form-label">Company Name <span class="text-danger">*</span></label>
                                <input type="text" name="company_name" class="form-control @error('company_name') is-invalid @enderror" value="{{ old('company_name', $tenant->company_name) }}" required>
                                @error('company_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Database Name (Readonly) -->
                            <div class="col-sm-6 col-12 mb-3">
                                <label class="form-label">Database Name</label>
                                <input type="text" class="form-control" value="{{ $tenant->database_name }}" readonly disabled>
                                <small class="text-muted">The database name cannot be changed.</small>
                            </div>

                            <!-- Admin Name -->
                            <div class="col-sm-6 col-12 mb-3">
                                <label class="form-label">Admin Name <span class="text-danger">*</span></label>
                                <input type="text" name="admin_name" class="form-control @error('admin_name') is-invalid @enderror" value="{{ old('admin_name', $adminName) }}" required>
                                @error('admin_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Admin Email -->
                            <div class="col-sm-6 col-12 mb-3">
                                <label class="form-label">Admin Email <span class="text-danger">*</span></label>
                                <input type="email" name="admin_email" class="form-control @error('admin_email') is-invalid @enderror" value="{{ old('admin_email', $adminEmail) }}" required>
                                @error('admin_email')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Status -->
                            <div class="col-sm-6 col-12 mb-3">
                                <label class="form-label">Status <span class="text-danger">*</span></label>
                                <select name="status" class="form-control @error('status') is-invalid @enderror" required>
                                    <option value="ACTIVE" {{ old('status', $tenant->status) == 'ACTIVE' ? 'selected' : '' }}>ACTIVE</option>
                                    <option value="DEACTIVE" {{ old('status', $tenant->status) == 'DEACTIVE' ? 'selected' : '' }}>DEACTIVE</option>
                                </select>
                                @error('status')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Select Business -->
                            <div class="col-sm-6 col-12 mb-3">
                                <label class="form-label">Select Business <span class="text-danger">*</span></label>
                                <select name="subscription_plan" class="form-control @error('subscription_plan') is-invalid @enderror" required>
                                    <option value="ENTERPRISE" {{ old('subscription_plan', $tenant->subscription_plan) == 'ENTERPRISE' ? 'selected' : '' }}>Case 4: Enterprise (Full System)</option>
                                    <option value="TRANSPORT_WITH_FLEET" {{ old('subscription_plan', $tenant->subscription_plan) == 'TRANSPORT_WITH_FLEET' ? 'selected' : '' }}>Case 3: Transport with Own Fleet</option>
                                    <option value="TRANSPORT_NO_FLEET" {{ old('subscription_plan', $tenant->subscription_plan) == 'TRANSPORT_NO_FLEET' ? 'selected' : '' }}>Case 2: Transport without Own Fleet</option>
                                    <option value="TRADING" {{ old('subscription_plan', $tenant->subscription_plan) == 'TRADING' ? 'selected' : '' }}>Case 1: Trading (Accounts + Stock)</option>
                                </select>
                                @error('subscription_plan')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Subscription Plan (Master Plans) -->
                            <div class="col-sm-6 col-12 mb-3">
                                <label class="form-label fw-bold">Subscription Plan</label>
                                <select name="plan_id" id="plan_select" class="form-control @error('plan_id') is-invalid @enderror">
                                    <option value="">-- No Plan Assigned --</option>
                                    @foreach($plans as $plan)
                                        <option value="{{ $plan->id }}"
                                            data-vehicles="{{ $plan->vehicle_limit }}"
                                            data-storage="{{ $plan->document_storage }}"
                                            {{ old('plan_id', $tenant->plan_id) == $plan->id ? 'selected' : '' }}>
                                            {{ $plan->name }} ({{ $plan->vehicle_limit }} Vehicles / {{ $plan->billing_cycle }})
                                        </option>
                                    @endforeach
                                </select>
                                <small class="text-muted">Vehicle limit and features will automatically follow the selected plan.</small>
                                @error('plan_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Plan Expiry Date -->
                            <div class="col-sm-6 col-12 mb-3">
                                <label class="form-label fw-bold">Plan Expiry Date</label>
                                <input type="text" name="plan_expires_at" id="plan_expires_at" class="form-control datepicker @error('plan_expires_at') is-invalid @enderror" value="{{ old('plan_expires_at', $tenant->plan_expires_at ? $tenant->plan_expires_at->format('d-m-Y') : '') }}" placeholder="DD-MM-YYYY">
                                <small class="text-muted">Tenant access will require renewal after this date.</small>
                                @error('plan_expires_at')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        @if(!empty($latestPayment))
                        <div class="card bg-light border mb-3 mt-2">
                            <div class="card-header bg-white py-2">
                                <h6 class="mb-0 fw-bold text-dark"><i class="ri-money-dollar-circle-line text-success me-1"></i> Latest Payment Details</h6>
                            </div>
                            <div class="card-body py-2">
                                <div class="row g-2 align-items-center">
                                    <div class="col-md-3 col-6">
                                        <small class="text-muted d-block">Plan & Final Price</small>
                                        <strong class="text-dark">{{ $latestPayment->plan_name }} (₹{{ number_format($latestPayment->final_amount, 2) }})</strong>
                                    </div>
                                    <div class="col-md-3 col-6">
                                        <small class="text-muted d-block">Paid Amount</small>
                                        <strong class="text-success fs-6">₹{{ number_format($latestPayment->paid_amount, 2) }}</strong>
                                        <span class="badge bg-secondary ms-1">{{ $latestPayment->payment_status }}</span>
                                    </div>
                                    <div class="col-md-3 col-6">
                                        <small class="text-muted d-block">Payment Date</small>
                                        <strong class="text-dark">{{ $latestPayment->payment_date ? $latestPayment->payment_date->format('d-m-Y') : ($latestPayment->created_at ? $latestPayment->created_at->format('d-m-Y') : 'N/A') }}</strong>
                                        <small class="text-muted d-block">Mode: {{ $latestPayment->payment_mode }}</small>
                                    </div>
                                    <div class="col-md-3 col-6">
                                        <small class="text-muted d-block">Remark</small>
                                        <span class="text-muted">{{ $latestPayment->remark ?: '-' }}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endif

                        <hr class="my-4">
                        <h6 class="fw-bold mb-3 text-primary"><i class="ri-lock-password-line me-1"></i> Update Admin Password</h6>

                        <div class="row gx-3">
                            <!-- Old Password -->
                            <div class="col-sm-4 col-12 mb-3">
                                <label class="form-label">Old Password</label>
                                <input type="password" name="old_password" class="form-control @error('old_password') is-invalid @enderror" placeholder="Current Password (Optional)">
                                @error('old_password')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- New Password -->
                            <div class="col-sm-4 col-12 mb-3">
                                <label class="form-label">New Password</label>
                                <input type="password" name="new_password" class="form-control @error('new_password') is-invalid @enderror" placeholder="Leave blank to keep current">
                                @error('new_password')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Confirm Password -->
                            <div class="col-sm-4 col-12 mb-3">
                                <label class="form-label">Confirm Password</label>
                                <input type="password" name="confirm_password" class="form-control @error('confirm_password') is-invalid @enderror" placeholder="Confirm New Password">
                                @error('confirm_password')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <!-- Submit -->
                            <div class="col-sm-12 col-12 text-end mt-3">
                                <button type="submit" class="btn btn-success"><i class="ri-save-line me-1"></i> Update Customer</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('footer_script')
<script src="{{ asset('theme/assets/vendor/daterange/daterange.js') }}"></script>
<script>
    $(document).ready(function() {
        var expiryInput = $('#plan_expires_at');
        var initialDate = expiryInput.val() ? moment(expiryInput.val(), 'DD-MM-YYYY') : moment();

        expiryInput.daterangepicker({
            singleDatePicker: true,
            showDropdowns: true,
            autoUpdateInput: false,
            startDate: initialDate,
            locale: {
                format: 'DD-MM-YYYY'
            }
        }).on('apply.daterangepicker', function(ev, picker) {
            $(this).val(picker.startDate.format('DD-MM-YYYY'));
        });
    });
</script>
@endpush