@extends('layouts.structure')

@section('title', 'Classic Roof Pvt Ltd')

@section('content')
    @php
        // Map plan status to display-friendly text
        $status = match (strtolower($plan->status ?? 'N/A')) {
            'pending' => 'Pending',
            'approved' => 'Approved',
            'under production' => 'Under Production',
            'completed' => 'Completed',
            'ready to dispatch' => 'Ready to Dispatch',
            'partially dispatched' => 'Partially Dispatched',
            'dispatched' => 'Dispatched',
            default => 'N/A',
        };

        // Convert session error to string
        $sessionError = session('error')
            ? (is_array(session('error'))
                ? implode(', ', array_map('strval', session('error')))
                : session('error'))
            : '';

        // Convert session success to string
        $sessionSuccess = session('success')
            ? (is_array(session('success'))
                ? implode(', ', array_map('strval', session('success')))
                : session('success'))
            : '';

        // Log plan details for debugging
        \Log::info('Plan variables for rendering', [
            'plan_id' => $plan->id ?? 'N/A',
            'status' => $status,
            'client_name' => $plan->client->client_name ?? 'N/A',
            'crr_no' => $plan->coil->crr_no ?? 'N/A',
            'grade_name' => $plan->grade->grade_name ?? 'N/A',
            'inward_code' => $plan->inward->inward_code ?? 'N/A',
            'thickness' => $plan->coil->thickness ?? 'N/A',
            'coil_width' => $plan->coil->width ?? 'N/A',
            'coil_net_weight' => $plan->coil->net_weight ?? 0,
        ]);
    @endphp

    <style>
        .container {
            margin-top: 2rem;
            margin-bottom: 2rem;
        }

        .card-header {
            background-color: #f8f9fa;
        }

        .table th,
        .table td {
            text-align: center;
            vertical-align: middle;
        }

        .alert {
            margin-bottom: 1.5rem;
        }

        .table-responsive {
            margin-top: 1rem;
        }

        .error-message,
        .success-message,
        .warning-message {
            font-size: 0.875rem;
            margin-top: 0.5rem;
        }

        .balance-weight {
            font-weight: bold;
            color: #007bff;
        }

        .invalid-feedback {
            display: none;
            color: #dc3545;
            font-size: 0.875rem;
        }

        .is-invalid~.invalid-feedback {
            display: block;
        }

        .plan-details-table th,
        .plan-details-table td {
            text-align: left;
        }

        .individual-weights {
            white-space: nowrap;
            color: #28a745;
            margin-left: 10px;
        }
    </style>

    <div class="container">
        <h2 class="text-center mb-4">Plan Details</h2>

        @if ($sessionError)
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ htmlspecialchars($sessionError) }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        @if ($sessionSuccess)
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ htmlspecialchars($sessionSuccess) }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <div class="d-flex justify-content-end gap-2 mb-3">
            @if ($status === 'Pending')
                <a href="{{ route('plans.approve', $plan->id) }}" class="btn btn-warning btn-sm approve-button"
                    onclick="return confirm('Are you sure you want to approve this plan?')">
                    Approve Plan
                </a>
                <button class="btn btn-danger btn-sm reject-client-button" data-bs-toggle="modal"
                    data-bs-target="#rejectModal" data-reason="reject_by_client">
                    Reject by Client
                </button>
                <button class="btn btn-danger btn-sm reject-employee-button" data-bs-toggle="modal"
                    data-bs-target="#rejectModal" data-reason="reject_by_employee">
                    Reject by Employee
                </button>
            @elseif ($status === 'Approved')
                <a href="{{ route('plans.underProduction', $plan->id) }}"
                    class="btn btn-success btn-sm start-production-button"
                    onclick="return confirm('Are you sure you want to start production for this plan?')">
                    Start Production
                </a>
                <button class="btn btn-danger btn-sm reject-client-button" data-bs-toggle="modal"
                    data-bs-target="#rejectModal" data-reason="reject_by_client">
                    Reject by Client
                </button>
                <button class="btn btn-danger btn-sm reject-employee-button" data-bs-toggle="modal"
                    data-bs-target="#rejectModal" data-reason="reject_by_employee">
                    Reject by Employee
                </button>
            @elseif ($status === 'Under Production')
                <button class="btn btn-danger btn-sm reject-client-button" data-bs-toggle="modal"
                    data-bs-target="#rejectModal" data-reason="reject_by_client">
                    Reject by Client
                </button>
                <button class="btn btn-danger btn-sm reject-employee-button" data-bs-toggle="modal"
                    data-bs-target="#rejectModal" data-reason="reject_by_employee">
                    Reject by Employee
                </button>
                <a href="{{ route('plans.updatePlanStatus', [$plan->id, 'completed']) }}"
                    class="btn btn-success btn-sm completed-button"
                    onclick="return confirm('Are you sure you want to mark this plan as Completed?')">
                    Mark as Completed
                </a>
            @elseif ($status === 'Completed')
                <a href="{{ route('plans.readyToDispatch', $plan->id) }}"
                    class="btn btn-warning btn-sm ready-to-dispatch-button"
                    onclick="return confirm('Are you sure you want to mark this plan as Ready to Dispatch?')">
                    Ready to Dispatch
                </a>
            @elseif ($status === 'Ready to Dispatch')
                <a href="{{ route('plans.updatePlanStatus', [$plan->id, 'partially dispatched']) }}"
                    class="btn btn-info btn-sm partial-dispatched-button"
                    onclick="return confirm('Are you sure you want to mark this plan as Partially Dispatched?')">
                    Mark as Partially Dispatched
                </a>
            @elseif ($status === 'Partially Dispatched')
                <a href="{{ route('plans.updatePlanStatus', [$plan->id, 'dispatched']) }}"
                    class="btn btn-success btn-sm dispatched-button"
                    onclick="return confirm('Are you sure you want to mark this plan as Dispatched?')">
                    Mark as Dispatched
                </a>
            @endif
            <a href="{{ route('plans.downloadExcel', $plan->id) }}" class="btn btn-primary btn-sm download-excel-button" style="height: 2rem;">
                Download Excel
            </a>
            <a href="{{ route('plans.index') }}" class="btn btn-primary btn-sm back-button" style="height: 2rem;">
                Back to Plans
            </a>
        </div>

        <div class="modal fade" id="rejectModal" tabindex="-1" aria-labelledby="rejectModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="rejectModalLabel">Reject Plan</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form id="rejectForm" action="{{ route('plans.reject', $plan->id) }}" method="POST">
                        @csrf
                        @method('POST')
                        <div class="modal-body">
                            <div class="mb-3">
                                <label for="reject_reason" class="form-label">Reason for Rejection</label>
                                <textarea class="form-control" id="reject_reason" name="reject_reason" rows="4" required></textarea>
                                <input type="hidden" id="reject_type" name="reject_type">
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                            <button type="submit" class="btn btn-danger">Reject Plan</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">(Status:
                    <span
                        class="badge {{ $status === 'Completed' ? 'bg-success' : ($status === 'Pending' ? 'bg-danger' : ($status === 'Approved' ? 'bg-warning' : ($status === 'Partially Dispatched' ? 'bg-info' : 'bg-primary'))) }}">
                        {{ $status }}
                    </span>)
                </h5>
            </div>
            <div class="card-body">
                <form action="{{ route('plans.underProduction', $plan->id) }}" method="POST" id="production-form">
                    @csrf
                    @method('POST')

                    <div class="table-responsive mb-4">
                        <table class="table table-bordered plan-details-table">
                            <thead>
                                <tr>
                                    <th>Client Name</th>
                                    <th>CRR No.</th>
                                    <th>Grade</th>
                                    <th>Inward Code</th>
                                    <th>Thickness</th>
                                    <th>Total Width of Coil</th>
                                    <th>Coil Total Net Weight (TON)</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>{{ htmlspecialchars($plan->client->client_name ?? 'N/A') }}</td>
                                    <td>
                                        <span id="crr_no"
                                            data-crr="{{ htmlspecialchars($plan->coil->crr_no ?? 'N/A') }}">
                                            {{ htmlspecialchars($plan->coil->crr_no ?? 'N/A') }}
                                        </span>
                                    </td>
                                    <td>{{ htmlspecialchars($plan->grade->grade_name ?? 'N/A') }}</td>
                                    <td>{{ htmlspecialchars($plan->inward->inward_code ?? 'N/A') }}</td>
                                    <td>{{ htmlspecialchars($plan->coil->thickness ?? 'N/A') }}</td>
                                    <td>{{ number_format($plan->coil->width ?? 0, 2) }}</td>
                                    <td>{{ number_format($plan->coil->net_weight ?? 0, 3) }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    @if ($plan->processes->isEmpty())
                        <div class="alert alert-info" role="alert">
                            No processes defined for this plan.
                        </div>
                    @else
                        <h5 class="mt-4">Processes</h5>
                        @foreach ($plan->processes as $index => $process)
                            <div class="card mt-3" data-process-index="{{ $index }}">
                                <div class="card-header">
                                    <h6 class="mb-0">Process {{ $index + 1 }} (Type:
                                        {{ strtoupper(htmlspecialchars($process->process_type ?? 'N/A')) }}
                                        @if ($process->is_dependent == 1)
                                            <span class="badge bg-primary">Dependent</span>
                                        @endif
                                        <span
                                            class="badge {{ isset($processDispatches[$process->process_id]) && $processDispatches[$process->process_id]->isNotEmpty() ? 'bg-success' : 'bg-secondary' }}">
                                            {{ isset($processDispatches[$process->process_id]) && $processDispatches[$process->process_id]->isNotEmpty() ? 'Dispatched' : 'Not Dispatched' }}
                                        </span>
                                        )
                                    </h6>
                                    <p><strong>Selected Line:</strong>
                                        <span
                                            class="badge bg-info text-white">{{ htmlspecialchars($process->process_type ?? 'N/A') }}</span>
                                    </p>
                                    @php
                                        $totalWeight =
                                            $process->process_type === 'crs'
                                                ? $process->crsCuts->sum('weight')
                                                : $process->ctlCuts->sum('weight');
                                        $currentWeight =
                                            $process->process_type === 'crs'
                                                ? $process->crsCuts->sum('current_weight')
                                                : $process->ctlCuts->sum('current_weight');
                                        $balanceWeight = $totalWeight - $currentWeight;
                                        $individualWeights = [];
                                        if ($process->process_type === 'crs') {
                                            foreach ($process->crsCuts as $cut) {
                                                $qty = $cut->quantity ?? 0;
                                                $weight = $cut->weight ?? 0;
                                                $cutWidth = $cut->width ?? 0;
                                                $individualWeight = $qty > 0 ? $weight / $qty : 0;
                                                for ($i = 0; $i < $qty; $i++) {
                                                    $individualWeights[] = [
                                                        'dimension' => number_format($cutWidth, 2),
                                                        'weight' => number_format($individualWeight, 3),
                                                    ];
                                                }
                                            }
                                        } elseif ($process->process_type === 'ctl') {
                                            foreach ($process->ctlCuts as $cut) {
                                                $qty = $cut->quantity ?? 0;
                                                $weight = $cut->weight ?? 0;
                                                $cutWidth = $cut->cut_width ?? 0;
                                                $cutLength = $cut->cut_length ?? 0;
                                                $individualWeight = $qty > 0 ? $weight / $qty : 0;
                                                for ($i = 0; $i < $qty; $i++) {
                                                    $dimension =
                                                        $cutLength > 0
                                                            ? number_format($cutWidth, 2) .
                                                                'x' .
                                                                number_format($cutLength, 2)
                                                            : number_format($cutWidth, 2);
                                                    $individualWeights[] = [
                                                        'dimension' => $dimension,
                                                        'weight' => number_format($individualWeight, 3),
                                                    ];
                                                }
                                            }
                                        }
                                    @endphp
                                    <table class="table table-bordered table-sm w-auto">
                                        <thead>
                                            <tr>
                                                <th>Balance Weight (TON)</th>
                                                @if ($process->process_type === 'crs' && !empty($individualWeights))
                                                    @foreach ($individualWeights as $i => $iw)
                                                        <th>Dimension {{ $i + 1 }} [{{ $iw['dimension'] }}]</th>
                                                    @endforeach
                                                @elseif ($process->process_type === 'crs')
                                                    <th>Individual Weights</th>
                                                @endif
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>
                                                    <span
                                                        class="balance-weight {{ $process->is_dependent ? 'text-primary' : '' }}">
                                                        {{ number_format($balanceWeight, 3) }}
                                                        @if ($process->is_dependent)
                                                            (Dependent on Process
                                                            {{ htmlspecialchars($process->dependent_index ?? 'N/A') }})
                                                        @endif
                                                    </span>
                                                </td>
                                                @if ($process->process_type === 'crs' && !empty($individualWeights))
                                                    @foreach ($individualWeights as $iw)
                                                        <td>{{ number_format($iw['weight'], 3) }}</td>
                                                    @endforeach
                                                @elseif ($process->process_type === 'crs')
                                                    <td>N/A</td>
                                                @endif
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="card-body">
                                    @if ($process->process_type === 'crs')
                                        @if ($process->crsCuts->isEmpty())
                                            <div class="alert alert-info" role="alert">
                                                No CRS cuts defined for this process.
                                            </div>
                                        @else
                                            <div class="table-responsive">
                                                <table class="table table-bordered table-hover">
                                                    <thead>
                                                        <tr>
                                                            <th>Width</th>
                                                            <th>Quantity</th>
                                                            <th>Weight (TON)</th>
                                                            <th>Current Qty</th>
                                                            <th>Current Weight</th>
                                                            <th>Balance Weight</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($process->crsCuts as $cutIndex => $cut)
                                                            <tr data-cut-type="crs" data-cut-id="{{ $cut->crs_cut_id }}">
                                                                <td>
                                                                    <input type="text"
                                                                        class="form-control cut-width @error('cuts.' . $index . '.crs.' . $cutIndex . '.width') is-invalid @enderror"
                                                                        name="cuts[{{ $index }}][crs][{{ $cutIndex }}][width]"
                                                                        value="{{ old('cuts.' . $index . '.crs.' . $cutIndex . '.width', $cut->cut_width ?? '') }}"
                                                                        data-cut-index="{{ $cutIndex }}"
                                                                        data-process-index="{{ $index }}"
                                                                        placeholder="Width"
                                                                        {{ $status === 'Under Production' ? '' : 'readonly' }}>
                                                                    @error('cuts.' . $index . '.crs.' . $cutIndex . '.width')
                                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                                    @enderror
                                                                </td>
                                                                <td>
                                                                    <input type="text"
                                                                        class="form-control cut-quantity @error('cuts.' . $index . '.crs.' . $cutIndex . '.quantity') is-invalid @enderror"
                                                                        name="cuts[{{ $index }}][crs][{{ $cutIndex }}][quantity]"
                                                                        value="{{ old('cuts.' . $index . '.crs.' . $cutIndex . '.quantity', $cut->quantity ?? '') }}"
                                                                        data-cut-index="{{ $cutIndex }}"
                                                                        data-process-index="{{ $index }}"
                                                                        placeholder="Quantity"
                                                                        {{ $status === 'Under Production' ? '' : 'readonly' }}>
                                                                    @error('cuts.' . $index . '.crs.' . $cutIndex . '.quantity')
                                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                                    @enderror
                                                                </td>
                                                                <td>{{ number_format($cut->weight, 3) }}</td>
                                                                <td>
                                                                    <input type="hidden"
                                                                        name="cuts[{{ $index }}][crs][{{ $cutIndex }}][cut_id]"
                                                                        value="{{ $cut->crs_cut_id }}">
                                                                    <input type="text"
                                                                        class="form-control prod-qty @error('cuts.' . $index . '.crs.' . $cutIndex . '.prod_qty') is-invalid @enderror"
                                                                        name="cuts[{{ $index }}][crs][{{ $cutIndex }}][prod_qty]"
                                                                        value="{{ old('cuts.' . $index . '.crs.' . $cutIndex . '.prod_qty', $cut->prod_qty ?? '') }}"
                                                                        placeholder="Production Qty"
                                                                        data-total-qty="{{ $cut->quantity }}"
                                                                        data-total-weight="{{ $cut->weight }}"
                                                                        data-process-index="{{ $index }}"
                                                                        data-cut-index="{{ $cutIndex }}"
                                                                        data-cut-type="crs"
                                                                        data-cut-width="{{ number_format($cut->width, 2) }}"
                                                                        {{ $status === 'Under Production' ? '' : 'readonly' }}>
                                                                    @error('cuts.' . $index . '.crs.' . $cutIndex . '.prod_qty')
                                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                                    @enderror
                                                                </td>
                                                                <td>
                                                                    <input type="text"
                                                                        class="form-control current-weight @error('cuts.' . $index . '.crs.' . $cutIndex . '.current_weight') is-invalid @enderror"
                                                                        name="cuts[{{ $index }}][crs][{{ $cutIndex }}][current_weight]"
                                                                        value="{{ old('cuts.' . $index . '.crs.' . $cutIndex . '.current_weight', $cut->current_weight ?? '') }}"
                                                                        data-process-index="{{ $index }}"
                                                                        data-cut-index="{{ $cutIndex }}"
                                                                        placeholder="Current Weight" readonly>
                                                                    @error('cuts.' . $index . '.crs.' . $cutIndex . '.current_weight')
                                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                                    @enderror
                                                                </td>
                                                                <td>
                                                                    <input type="text"
                                                                        class="form-control bal-weight @error('cuts.' . $index . '.crs.' . $cutIndex . '.bal_weight') is-invalid @enderror"
                                                                        name="cuts[{{ $index }}][crs][{{ $cutIndex }}][bal_weight]"
                                                                        value="{{ old('cuts.' . $index . '.crs.' . $cutIndex . '.bal_weight', $cut->bal_weight ?? '') }}"
                                                                        readonly>
                                                                    <input type="hidden"
                                                                        name="cuts[{{ $index }}][crs][{{ $cutIndex }}][hiddenbal_weight]"
                                                                        value="{{ old('cuts.' . $index . '.crs.' . $cutIndex . '.hiddenbal_weight', $cut->bal_weight ?? '') }}">
                                                                    @error('cuts.' . $index . '.crs.' . $cutIndex . '.bal_weight')
                                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                                    @enderror
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        @endif
                                    @elseif ($process->process_type === 'ctl')
                                        @if ($process->ctlCuts->isEmpty())
                                            <div class="alert alert-info" role="alert">
                                                No CTL cuts defined for this process.
                                            </div>
                                        @else
                                            <div class="table-responsive">
                                                <table class="table table-bordered table-hover">
                                                    <thead>
                                                        <tr>
                                                            <th>Width</th>
                                                            <th>Length</th>
                                                            <th>Quantity</th>
                                                            <th>Weight (TON)</th>
                                                            <th>Current Qty</th>
                                                            <th>Current Weight</th>
                                                            <th>Balance Weight</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @foreach ($process->ctlCuts as $cutIndex => $cut)
                                                            <tr data-cut-type="ctl" data-cut-id="{{ $cut->ctl_cut_id }}">
                                                                <td>{{ number_format($cut->cut_width, 2) }}</td>
                                                                <td>{{ $cut->cut_length > 0 ? number_format($cut->cut_length, 2) : 'N/A' }}</td>
                                                                <td>{{ $cut->quantity }}</td>
                                                                <td>{{ number_format($cut->weight, 3) }}</td>
                                                                <td>
                                                                    <input type="hidden"
                                                                        name="cuts[{{ $index }}][ctl][{{ $cutIndex }}][cut_id]"
                                                                        value="{{ $cut->ctl_cut_id }}">
                                                                    <input type="hidden"
                                                                        name="cuts[{{ $index }}][ctl][{{ $cutIndex }}][quantity]"
                                                                        value="{{ $cut->quantity }}">
                                                                    <input type="text"
                                                                        class="form-control prod-qty @error('cuts.' . $index . '.ctl.' . $cutIndex . '.prod_qty') is-invalid @enderror"
                                                                        name="cuts[{{ $index }}][ctl][{{ $cutIndex }}][prod_qty]"
                                                                        value="{{ old('cuts.' . $index . '.ctl.' . $cutIndex . '.prod_qty', $cut->prod_qty ?? '') }}"
                                                                        placeholder="Production Qty"
                                                                        data-total-qty="{{ $cut->quantity }}"
                                                                        data-total-weight="{{ $cut->weight }}"
                                                                        data-process-index="{{ $index }}"
                                                                        data-cut-index="{{ $cutIndex }}"
                                                                        data-cut-type="ctl"
                                                                        data-cut-width="{{ number_format($cut->cut_width, 2) }}"
                                                                        data-cut-length="{{ $cut->cut_length > 0 ? number_format($cut->cut_length, 2) : 'N/A' }}"
                                                                        {{ $status === 'Under Production' ? '' : 'readonly' }}>
                                                                    @error('cuts.' . $index . '.ctl.' . $cutIndex . '.prod_qty')
                                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                                    @enderror
                                                                </td>
                                                                <td>
                                                                    <input type="text"
                                                                        class="form-control current-weight @error('cuts.' . $index . '.ctl.' . $cutIndex . '.current_weight') is-invalid @enderror"
                                                                        name="cuts[{{ $index }}][ctl][{{ $cutIndex }}][current_weight]"
                                                                        value="{{ old('cuts.' . $index . '.ctl.' . $cutIndex . '.current_weight', $cut->current_weight ?? '') }}"
                                                                        data-process-index="{{ $index }}"
                                                                        data-cut-index="{{ $cutIndex }}"
                                                                        placeholder="Current Weight" readonly>
                                                                    @error('cuts.' . $index . '.ctl.' . $cutIndex . '.current_weight')
                                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                                    @enderror
                                                                </td>
                                                                <td>
                                                                    <input type="text"
                                                                        class="form-control bal-weight @error('cuts.' . $index . '.ctl.' . $cutIndex . '.bal_weight') is-invalid @enderror"
                                                                        name="cuts[{{ $index }}][ctl][{{ $cutIndex }}][bal_weight]"
                                                                        value="{{ old('cuts.' . $index . '.ctl.' . $cutIndex . '.bal_weight', $cut->bal_weight ?? '') }}"
                                                                        readonly>
                                                                    <input type="hidden"
                                                                        name="cuts[{{ $index }}][ctl][{{ $cutIndex }}][hiddenbal_weight]"
                                                                        value="{{ old('cuts.' . $index . '.ctl.' . $cutIndex . '.hiddenbal_weight', $cut->bal_weight ?? '') }}">
                                                                    @error('cuts.' . $index . '.ctl.' . $cutIndex . '.bal_weight')
                                                                        <div class="invalid-feedback">{{ $message }}</div>
                                                                    @enderror
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                </table>
                                            </div>
                                        @endif
                                    @else
                                        <div class="alert alert-warning" role="alert">
                                            Unknown process type: {{ htmlspecialchars($process->process_type ?? 'N/A') }}
                                        </div>
                                    @endif
                                </div>
                            </div>
                        @endforeach

                        @if ($status === 'Under Production')
                            <div class="mt-4">
                                <button id="save-button" type="submit" class="btn btn-primary w-md">Save</button>
                            </div>
                        @endif
                    @endif
                </form>
            </div>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

    <script>
        $(document).ready(function() {
            console.log('Form initialized for plan ID: {{ $plan->id ?? 'N/A' }}');

            function updateIndividualWeights(processIndex) {
                console.log(`Updating individual weights for process index: ${processIndex}`);
                const $processCard = $(`.card[data-process-index="${processIndex}"]`);
                const $rows = $processCard.find('table tbody tr');
                let individualWeights = [];

                $rows.each(function(index) {
                    const $row = $(this);
                    const cutType = $row.data('cut-type');
                    const cutId = $row.data('cut-id');
                    const quantity = parseInt($row.find('.cut-quantity').val()) || parseInt($row.find(
                        `td:nth-child(${cutType === 'ctl' ? 3 : 2})`).text()) || 0;
                    const totalWeight = parseFloat($row.find(`td:nth-child(${cutType === 'ctl' ? 4 : 3})`)
                        .text()) || 0;
                    const cutWidth = parseFloat($row.find('.cut-width').val()) || parseFloat($row.find(
                        'td:nth-child(1)').text()) || 0;
                    const cutLength = cutType === 'ctl' ? ($row.find('td:nth-child(2)').text().trim() !==
                        'N/A' ? parseFloat($row.find('td:nth-child(2)').text()) : 0) : 0;
                    const individualWeight = quantity > 0 ? totalWeight / quantity : 0;

                    console.log(`Cut ${index} (Type: ${cutType}, ID: ${cutId}):`, {
                        quantity,
                        totalWeight,
                        cutWidth,
                        cutLength,
                        individualWeight: individualWeight.toFixed(3)
                    });

                    for (let i = 0; i < quantity; i++) {
                        const dimension = cutType === 'ctl' && cutLength > 0 ?
                            `${cutWidth.toFixed(2)}x${cutLength.toFixed(2)}` : cutWidth.toFixed(2);
                        individualWeights.push({
                            dimension,
                            weight: individualWeight.toFixed(3)
                        });
                    }
                });

                console.log(`Individual weights calculated for process ${processIndex}:`, individualWeights);
            }

            function updateProcessWeights(processIndex) {
                console.log(`Updating process weights for process index: ${processIndex}`);
                const $processCard = $(`.card[data-process-index="${processIndex}"]`);
                const $rows = $processCard.find('table tbody tr');
                let totalCurrentWeight = 0;
                let totalBalanceWeight = 0;

                $rows.each(function(index) {
                    const $row = $(this);
                    const cutType = $row.data('cut-type');
                    const cutId = $row.data('cut-id');
                    const $prodQtyInput = $row.find('input.prod-qty');
                    const quantity = parseFloat($prodQtyInput.val()) || 0;
                    const totalQty = parseFloat($prodQtyInput.data('total-qty')) || 0;
                    const totalWeight = parseFloat($prodQtyInput.data('total-weight')) || 0;
                    const cutWidth = $prodQtyInput.data('cut-width') || 'N/A';
                    const cutLength = $prodQtyInput.data('cut-length') || 'N/A';
                    const $currentWeightInput = $row.find('input.current-weight');
                    const $balWeightInput = $row.find('input.bal-weight');
                    const $hiddenBalWeightInput = $row.find('input[name*="hiddenbal_weight"]');

                    console.log(`Processing cut ${index} (Type: ${cutType}, ID: ${cutId}):`, {
                        prodQty: quantity,
                        totalQty,
                        totalWeight,
                        cutWidth,
                        cutLength
                    });

                    $row.find('.error-message, .warning-message, .success-message').remove();

                    if (quantity < 0) {
                        console.log(`Error: Negative quantity for cut ${index}`);
                        $prodQtyInput.val(0).addClass('is-invalid');
                        $row.append(
                            '<div class="error-message text-danger">Quantity cannot be negative.</div>');
                        $currentWeightInput.val('');
                        $balWeightInput.val('');
                        return;
                    }

                    if (quantity > totalQty && totalQty > 0) {
                        console.log(`Warning: Quantity exceeds total for cut ${index}`);
                        $prodQtyInput.addClass('is-invalid');
                        $row.append(
                            '<div class="warning-message text-warning">Quantity exceeds total quantity.</div>'
                        );
                        $currentWeightInput.val('');
                        $balWeightInput.val(totalWeight.toFixed(4));
                        return;
                    }

                    $prodQtyInput.removeClass('is-invalid');
                    let currentWeight = 0;
                    let balWeight = totalWeight;

                    if (totalQty > 0 && quantity <= totalQty) {
                        currentWeight = (quantity / totalQty) * totalWeight;
                        balWeight = totalWeight - currentWeight;
                        $currentWeightInput.val(currentWeight.toFixed(4)).prop('readonly', true);
                        $row.append(
                            '<div class="success-message text-success">Weight calculated successfully.</div>'
                        );
                        console.log(`Calculated for cut ${index}:`, {
                            currentWeight: currentWeight.toFixed(4),
                            balWeight: balWeight.toFixed(4)
                        });
                    } else {
                        $currentWeightInput.val('').prop('readonly', false);
                    }

                    $balWeightInput.val(balWeight.toFixed(4));
                    $hiddenBalWeightInput.val(balWeight.toFixed(4));

                    localStorage.setItem(`current_weight_${processIndex}_${cutType}_${cutId}`, currentWeight
                        .toFixed(4));
                    localStorage.setItem(`bal_weight_${processIndex}_${cutType}_${cutId}`, balWeight
                        .toFixed(4));
                    localStorage.setItem(`hiddenbal_weight_${processIndex}_${cutType}_${cutId}`, balWeight
                        .toFixed(4));

                    totalCurrentWeight += currentWeight;
                    totalBalanceWeight += balWeight;

                    if (quantity === totalQty && totalQty > 0) {
                        $row.append('<div class="success-message text-success">Quantity completed!</div>');
                    }
                });

                const $balanceWeightSpan = $processCard.find('.balance-weight');
                $balanceWeightSpan.text(totalBalanceWeight.toFixed(3) + ' TON');
                console.log(
                    `Updated balance weight for process ${processIndex}: ${totalBalanceWeight.toFixed(3)} TON`);

                return {
                    totalCurrentWeight,
                    totalBalanceWeight
                };
            }

            // Client-side validation for inputs
            function validateInput($input, type) {
                const value = parseFloat($input.val()) || 0;
                const processIndex = $input.data('process-index');
                const cutIndex = $input.data('cut-index');
                $input.removeClass('is-invalid').next('.invalid-feedback').remove();

                if (value < 0) {
                    $input.addClass('is-invalid').after(
                        `<div class="invalid-feedback">${type} cannot be negative.</div>`);
                    return false;
                }
                if (type === 'Production Qty') {
                    const totalQty = parseFloat($input.data('total-qty')) || 0;
                    if (value > totalQty && totalQty > 0) {
                        $input.addClass('is-invalid').after(
                            '<div class="invalid-feedback">Production quantity exceeds total quantity.</div>');
                        return false;
                    }
                }
                return true;
            }

            // Input event handlers
            $('input.cut-width').on('input', function() {
                if (validateInput($(this), 'Width')) {
                    const processIndex = $(this).data('process-index');
                    updateIndividualWeights(processIndex);
                    updateProcessWeights(processIndex);
                }
            });

            $('input.cut-quantity').on('input', function() {
                if (validateInput($(this), 'Quantity')) {
                    const processIndex = $(this).data('process-index');
                    updateIndividualWeights(processIndex);
                    updateProcessWeights(processIndex);
                }
            });

            $('input.prod-qty').on('input', function() {
                if (validateInput($(this), 'Production Qty')) {
                    const processIndex = $(this).data('process-index');
                    updateProcessWeights(processIndex);
                    updateIndividualWeights(processIndex);
                }
            });

            // Form submission validation
            $('#production-form').on('submit', function(e) {
                let isValid = true;
                $(this).find('input.cut-width, input.cut-quantity, input.prod-qty').each(function() {
                    const type = $(this).hasClass('cut-width') ? 'Width' : ($(this).hasClass(
                        'cut-quantity') ? 'Quantity' : 'Production Qty');
                    if (!validateInput($(this), type)) {
                        isValid = false;
                    }
                });
                if (!isValid) {
                    e.preventDefault();
                    console.log('Form submission prevented due to validation errors');
                } else {
                    console.log('Form submission initiated', $(this).serializeArray());
                }
            });

            // Load saved values from localStorage
            @foreach ($plan->processes as $index => $process)
                (function(processIndex) {
                    console.log(`Loading saved values for process ${processIndex}`);
                    const $processCard = $(`.card[data-process-index="${processIndex}"]`);
                    const $rows = $processCard.find('table tbody tr');
                    $rows.each(function() {
                        const cutType = $(this).data('cut-type');
                        const cutId = $(this).data('cut-id');
                        const savedCurrentWeight = localStorage.getItem(
                            `current_weight_${processIndex}_${cutType}_${cutId}`);
                        const savedBalWeight = localStorage.getItem(
                            `bal_weight_${processIndex}_${cutType}_${cutId}`);
                        console.log(`Loading for cut ID ${cutId} (Type: ${cutType}):`, {
                            savedCurrentWeight,
                            savedBalWeight
                        });
                        if (savedCurrentWeight) {
                            $(this).find('input.current-weight').val(savedCurrentWeight);
                        }
                        if (savedBalWeight) {
                            $(this).find('input.bal-weight').val(savedBalWeight);
                            $(this).find('input[name*="hiddenbal_weight"]').val(savedBalWeight);
                        }
                    });
                    updateIndividualWeights(processIndex);
                    updateProcessWeights(processIndex);
                })({{ $index }});
            @endforeach

            // Button event handlers
            $('.reject-client-button, .reject-employee-button').on('click', function() {
                const rejectType = $(this).data('reason');
                console.log(`Reject button clicked with type: ${rejectType}`);
                $('#reject_type').val(rejectType);
                $('#rejectModalLabel').text('Reject Plan - ' + rejectType.replace('_', ' ').toUpperCase());
            });

            $('.approve-button').on('click', function() {
                console.log('Approve button clicked for plan ID: {{ $plan->id ?? 'N/A' }}');
            });

            $('.start-production-button').on('click', function() {
                console.log('Start Production button clicked for plan ID: {{ $plan->id ?? 'N/A' }}');
            });

            $('.completed-button').on('click', function() {
                console.log('Mark as Completed button clicked for plan ID: {{ $plan->id ?? 'N/A' }}');
            });

            $('.ready-to-dispatch-button').on('click', function() {
                console.log('Ready to Dispatch button clicked for plan ID: {{ $plan->id ?? 'N/A' }}');
            });

            $('.partial-dispatched-button').on('click', function() {
                console.log('Mark as Partially Dispatched button clicked for plan ID: {{ $plan->id ?? 'N/A' }}');
            });

            $('.dispatched-button').on('click', function() {
                console.log('Mark as Dispatched button clicked for plan ID: {{ $plan->id ?? 'N/A' }}');
            });

            $('.download-excel-button').on('click', function() {
                console.log('Download Excel button clicked for plan ID: {{ $plan->id ?? 'N/A' }}');
            });
        });
    </script>
@endsection