@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- button back --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()"><i class="fas fa-circle-left me-1">
                            </i><span class="font-weight-bold">Kembali</button>
                        {{-- check authorize add --}}
                        @if ($authorize->add == '1')
                            {{-- button save --}}
                            <button class="btn btn-primary mb-0"
                                onclick="event.preventDefault(); document.getElementById('{{ $dmenu }}-form').submit();"><i
                                    class="fas fa-floppy-disk me-1"> </i><span class="font-weight-bold">Simpan</button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <form role="form" method="POST" action="{{ URL::to($url_menu) }}" id="{{ $dmenu }}-form">
                    @csrf
                    <div class="card">
                        <div class="card-header pb-0">
                            <h6 class="mb-0">Insert Test Lab Result</h6>
                        </div>
                        <div class="card-body p-4">
                            @if ($request_info && $match_results && $match_results->count() > 0)
                                {{-- Request Info & Supplier Info --}}
                                <div class="card mb-4 border shadow-sm">
                                    <div class="card-body p-3">
                                        <div class="row">
                                            <div class="col-12 col-lg-6 mb-3 mb-lg-0">
                                                <div class="d-flex align-items-center mb-3">
                                                    {{-- ICON REQUEST (BIRU) --}}
                                                    <div class="bg-gradient-primary text-white border-radius-lg me-3 d-flex align-items-center justify-content-center shadow-sm"
                                                        style="width: 48px; height: 48px; min-width: 48px;">
                                                        {{-- Atur ukuran icon manual pakai style font-size --}}
                                                        <i class="fas fa-file-invoice" style="font-size: 1.1rem;"></i>
                                                    </div>
                                                    <div>
                                                        <h6 class="mb-0 text-dark font-weight-bold">Request No:
                                                            {{ $request_info->request_no }}</h6>
                                                        <p class="mb-0 text-sm text-secondary">
                                                            <i
                                                                class="fas fa-user me-1"></i>{{ $request_info->customer_name }}
                                                            |
                                                            <i
                                                                class="fas fa-palette me-1"></i>{{ $request_info->customer_color_code }}
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12 col-lg-6">
                                                <div class="d-flex align-items-center">
                                                    {{-- ICON SUPPLIER (HIJAU) --}}
                                                    <div class="bg-gradient-success text-white border-radius-lg me-3 d-flex align-items-center justify-content-center shadow-sm"
                                                        style="width: 48px; height: 48px; min-width: 48px;">
                                                        <i class="fas fa-truck" style="font-size: 1.1rem;"></i>
                                                    </div>
                                                    <div>
                                                        <h6 class="mb-0 text-dark font-weight-bold">Supplier</h6>
                                                        <p class="mb-0 text-sm text-secondary">
                                                            {{ $supplier_info->to ?? ($supplier_info->attn ?? '-') }}
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <input type="hidden" name="request_no" value="{{ $request_no }}">
                                <input type="hidden" name="id_supplier" value="{{ $id_supplier }}">

                                {{-- Target Test Lab Info --}}
                                @php
                                    $targetTestLab = $target_test_lab ?? null;
                                @endphp
                                @if ($targetTestLab)
                                    <div class="card mb-4 border-0 shadow-sm">
                                        <div class="card-header bg-gradient-info text-white">
                                            <div class="d-flex justify-content-between align-items-center">
                                                <h6 class="mb-0 text-white">
                                                    <i class="fas fa-bullseye me-2"></i>Target Test Lab (Request No:
                                                    {{ $request_no }})
                                                </h6>
                                                @if ($authorize->edit == '1')
                                                    <button type="button" class="btn btn-sm btn-light mb-0"
                                                        data-bs-toggle="modal" data-bs-target="#modalTargetSampleAdd"
                                                        onclick="loadTargetSampleAdd('{{ $request_no }}', {{ json_encode($targetTestLab) }})">
                                                        <i class="fas fa-edit me-1"></i>Edit
                                                    </button>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="card-body p-4">
                                            <div class="row justify-content-center">
                                                <div class="col-4 col-sm-2 mb-3">
                                                    <div class="text-center p-3 bg-light rounded border">
                                                        <p class="text-xs text-secondary mb-1 font-weight-bold">L*</p>
                                                        <h4 class="mb-0 font-weight-bolder text-dark">
                                                            {{ $targetTestLab->L !== null ? number_format($targetTestLab->L, 2) : '-' }}
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="col-4 col-sm-2 mb-3">
                                                    <div class="text-center p-3 bg-light rounded border">
                                                        <p class="text-xs text-secondary mb-1 font-weight-bold">a*</p>
                                                        <h4 class="mb-0 font-weight-bolder text-dark">
                                                            {{ $targetTestLab->a !== null ? number_format($targetTestLab->a, 2) : '-' }}
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="col-4 col-sm-2 mb-3">
                                                    <div class="text-center p-3 bg-light rounded border">
                                                        <p class="text-xs text-secondary mb-1 font-weight-bold">b*</p>
                                                        <h4 class="mb-0 font-weight-bolder text-dark">
                                                            {{ $targetTestLab->b !== null ? number_format($targetTestLab->b, 2) : '-' }}
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="col-4 col-sm-2 mb-3">
                                                    <div class="text-center p-3 bg-light rounded border">
                                                        <p class="text-xs text-secondary mb-1 font-weight-bold">C*</p>
                                                        <h4 class="mb-0 font-weight-bolder text-dark">
                                                            {{ $targetTestLab->C !== null ? number_format($targetTestLab->C, 2) : '-' }}
                                                        </h4>
                                                    </div>
                                                </div>
                                                <div class="col-4 col-sm-2 mb-3">
                                                    <div class="text-center p-3 bg-light rounded border">
                                                        <p class="text-xs text-secondary mb-1 font-weight-bold">h</p>
                                                        <h4 class="mb-0 font-weight-bolder text-dark">
                                                            {{ $targetTestLab->h !== null ? number_format($targetTestLab->h, 2) : '-' }}
                                                        </h4>
                                                    </div>
                                                </div>
                                            </div>
                                            @if ($targetTestLab->created_at || $targetTestLab->user_create)
                                                <div class="mt-3 pt-3 border-top">
                                                    <small class="text-muted">
                                                        @if ($targetTestLab->user_create)
                                                            <i class="fas fa-user me-1"></i>Created by:
                                                            {{ $targetTestLab->user_create }}
                                                        @endif
                                                        @if ($targetTestLab->created_at)
                                                            | <i
                                                                class="fas fa-calendar me-1"></i>{{ date('d M Y H:i', strtotime($targetTestLab->created_at)) }}
                                                        @endif
                                                    </small>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                @else
                                    <div class="card mb-4 border border-warning shadow-sm">
                                        <div class="card-body p-3">
                                            <div class="d-flex align-items-center justify-content-between">
                                                <div class="d-flex align-items-center">
                                                    <div class="icon icon-shape bg-warning text-white text-center border-radius-lg me-3"
                                                        style="width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;">
                                                        <i class="fas fa-exclamation-triangle"></i>
                                                    </div>
                                                    <div>
                                                        <h6 class="mb-1 text-dark font-weight-bold">Target Test Lab belum
                                                            diatur!</h6>
                                                        <p class="mb-0 text-sm text-secondary">
                                                            Silakan atur Target Test Lab terlebih dahulu untuk Request No:
                                                            <strong>{{ $request_no }}</strong> sebelum mengisi Test Lab
                                                            Result.
                                                        </p>
                                                    </div>
                                                </div>
                                                @if ($authorize->add == '1')
                                                    <div>
                                                        <button type="button" class="btn btn-success mb-0"
                                                            data-bs-toggle="modal" data-bs-target="#modalTargetSampleAdd"
                                                            onclick="loadTargetSampleAdd('{{ $request_no }}', null)">
                                                            <i class="fas fa-plus me-1"></i>
                                                            <span class="font-weight-bold">Target Test Lab</span>
                                                        </button>
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                @endif

                                <hr class="horizontal dark">

                                {{-- Form Input Test Lab Result untuk setiap sample --}}
                                <h6 class="mb-3">Test Lab Result - Supplier:
                                    <strong>{{ $supplier_info->to ?? ($supplier_info->attn ?? '-') }}</strong>
                                </h6>

                                @if (!$targetTestLab)
                                    <div class="card mb-4 border border-danger shadow-sm">
                                        <div class="card-body p-4 text-center">
                                            <i class="fas fa-lock fa-3x text-danger mb-3"></i>
                                            <h6 class="text-dark font-weight-bold">Form Test Lab Terkunci</h6>
                                            <p class="text-secondary mb-0">
                                                Silakan isi Target Test Lab terlebih dahulu sebelum mengisi Test Lab Result.
                                            </p>
                                        </div>
                                    </div>
                                @endif

                                @foreach ($match_results as $matchResult)
                                    @php
                                        $existingLab = $existing_test_labs[$matchResult->id] ?? null;
                                        $isHighlighted = isset($highlight_id) && $highlight_id == $matchResult->id;
                                    @endphp
                                    <div class="card mb-3 border sample-card" 
                                         id="sample-{{ $matchResult->id }}"
                                         data-sample-id="{{ $matchResult->id }}"
                                         @if($isHighlighted) style="border: 3px solid #5e72e4 !important; box-shadow: 0 0 15px rgba(94, 114, 228, 0.3) !important;" @endif>
                                        <div class="card-header p-2 @if($isHighlighted) bg-gradient-primary text-white @else bg-light @endif">
                                            <div class="d-flex justify-content-between align-items-center">
                                                <div>
                                                    @if($isHighlighted)
                                                        <span class="badge badge-sm bg-white text-primary me-2">
                                                            <i class="fas fa-arrow-right me-1"></i>{{ $matchResult->code }}
                                                        </span>
                                                    @else
                                                        <span class="badge badge-sm bg-gradient-info me-2">{{ $matchResult->code }}</span>
                                                    @endif
                                                    <span class="text-xs @if($isHighlighted) text-white @else text-secondary @endif">
                                                        {{ $matchResult->supplier_to ?? $matchResult->supplier_name }}
                                                    </span>
                                                </div>
                                                <div class="d-flex align-items-center gap-2">
                                                    @if($isHighlighted)
                                                        <span class="badge badge-sm bg-white text-primary">
                                                            <i class="fas fa-hand-pointer me-1"></i>Dipilih
                                                        </span>
                                                    @endif
                                                    @if ($existingLab)
                                                        <span class="badge badge-sm @if($isHighlighted) bg-white text-success @else bg-gradient-success @endif">
                                                            <i class="fas fa-check-circle me-1"></i>Data Tersedia
                                                        </span>
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-body p-3">
                                            <input type="hidden"
                                                name="test_labs[{{ $matchResult->id }}][id_match_result]"
                                                value="{{ $matchResult->id }}">
                                            <input type="hidden" name="test_labs[{{ $matchResult->id }}][test_lab_id]"
                                                value="{{ $existingLab->id ?? '' }}">

                                            <div class="row d-flex justify-content-between">
                                                <div class="col-md-2 mb-3">
                                                    <label class="form-control-label text-xs font-weight-bold">L*</label>
                                                    <input type="number" step="0.01"
                                                        class="form-control form-control-sm"
                                                        name="test_labs[{{ $matchResult->id }}][L]"
                                                        value="{{ old('test_labs.' . $matchResult->id . '.L', $existingLab->L ?? '') }}"
                                                        {{ !$targetTestLab ? 'disabled' : '' }}>
                                                </div>
                                                <div class="col-md-2 mb-3">
                                                    <label class="form-control-label text-xs font-weight-bold">a*</label>
                                                    <input type="number" step="0.01"
                                                        class="form-control form-control-sm"
                                                        name="test_labs[{{ $matchResult->id }}][a]"
                                                        value="{{ old('test_labs.' . $matchResult->id . '.a', $existingLab->a ?? '') }}"
                                                        {{ !$targetTestLab ? 'disabled' : '' }}>
                                                </div>
                                                <div class="col-md-2 mb-3">
                                                    <label class="form-control-label text-xs font-weight-bold">b*</label>
                                                    <input type="number" step="0.01"
                                                        class="form-control form-control-sm"
                                                        name="test_labs[{{ $matchResult->id }}][b]"
                                                        value="{{ old('test_labs.' . $matchResult->id . '.b', $existingLab->b ?? '') }}"
                                                        {{ !$targetTestLab ? 'disabled' : '' }}>
                                                </div>
                                                <div class="col-md-2 mb-3">
                                                    <label class="form-control-label text-xs font-weight-bold">C*</label>
                                                    <input type="number" step="0.01"
                                                        class="form-control form-control-sm"
                                                        name="test_labs[{{ $matchResult->id }}][C]"
                                                        value="{{ old('test_labs.' . $matchResult->id . '.C', $existingLab->C ?? '') }}"
                                                        {{ !$targetTestLab ? 'disabled' : '' }}>
                                                </div>
                                                <div class="col-md-2 mb-3">
                                                    <label class="form-control-label text-xs font-weight-bold">h</label>
                                                    <input type="number" step="0.01"
                                                        class="form-control form-control-sm"
                                                        name="test_labs[{{ $matchResult->id }}][h]"
                                                        value="{{ old('test_labs.' . $matchResult->id . '.h', $existingLab->h ?? '') }}"
                                                        {{ !$targetTestLab ? 'disabled' : '' }}>
                                                </div>
                                                <div class="col-md-12 mb-3">
                                                    <label
                                                        class="form-control-label text-xs font-weight-bold">Keterangan</label>
                                                    <textarea class="form-control form-control-sm" rows="2" name="test_labs[{{ $matchResult->id }}][ket]"
                                                        placeholder="Masukkan keterangan (opsional)" {{ !$targetTestLab ? 'disabled' : '' }}>{{ old('test_labs.' . $matchResult->id . '.ket', $existingLab->ket ?? '') }}</textarea>
                                                </div>
                                            </div>

                                            {{-- Display Delta jika sudah ada --}}
                                            @if ($existingLab && ($existingLab->delta_E || $existingLab->delta_L))
                                                <div class="row mt-2">
                                                    <div class="col-12">
                                                        <div class="bg-light p-2 rounded">
                                                            <small class="text-xs text-muted">Delta: </small>
                                                            <span class="badge badge-sm bg-gradient-info me-1" style="text-transform: none !important;">
                                                                ΔL*: {{ $existingLab->delta_L ?? '-' }}
                                                            </span>
                                                            <span class="badge badge-sm bg-gradient-info me-1" style="text-transform: none !important;">
                                                                Δa*: {{ $existingLab->delta_a ?? '-' }}
                                                            </span>
                                                            <span class="badge badge-sm bg-gradient-info me-1" style="text-transform: none !important;">
                                                                Δb*: {{ $existingLab->delta_b ?? '-' }}
                                                            </span>
                                                            <span class="badge badge-sm bg-gradient-success me-1" style="text-transform: none !important;">
                                                                ΔE*: {{ $existingLab->delta_E ?? '-' }}
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                @endforeach

                                {{-- Info Delta --}}
                                <div class="card mt-3 border shadow-sm">
                                    <div class="card-body p-3 bg-light">
                                        <div class="d-flex align-items-center">
                                            <i class="fas fa-info-circle text-primary me-2"></i>
                                            <small class="mb-0 text-secondary">
                                                Delta (ΔL, Δa, Δb, ΔE) akan dihitung otomatis berdasarkan Target Test Lab
                                                saat menyimpan.
                                            </small>
                                        </div>
                                    </div>
                                </div>
                            @else
                                <div class="card border border-warning shadow-sm">
                                    <div class="card-body p-3">
                                        <div class="d-flex align-items-center">
                                            <div class="icon icon-shape bg-warning text-white text-center border-radius-lg me-3"
                                                style="width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;">
                                                <i class="fas fa-exclamation-triangle"></i>
                                            </div>
                                            <div>
                                                <h6 class="mb-0 text-dark font-weight-bold">Tidak ada data match_result
                                                </h6>
                                                <p class="mb-0 text-sm text-secondary">
                                                    Tidak ada data match_result untuk Request No ini. Silakan kembali ke
                                                    halaman sebelumnya.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                        <div class="card-footer">
                            <div class="d-flex justify-content-end">
                                <button type="button" class="btn btn-secondary me-2"
                                    onclick="history.back()">Batal</button>
                                @if ($match_results && $match_results->count() > 0 && $authorize->add == '1')
                                    @php
                                        $targetTestLab = $target_test_lab ?? null;
                                    @endphp
                                    @if ($targetTestLab)
                                        <button type="submit" class="btn btn-primary">
                                            <i class="fas fa-save me-1"></i>Simpan Semua
                                        </button>
                                    @else
                                        <button type="button" class="btn btn-primary" disabled
                                            title="Target Test Lab harus diisi terlebih dahulu">
                                            <i class="fas fa-lock me-1"></i>Simpan Semua (Terkunci)
                                        </button>
                                    @endif
                                @endif
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- MODAL TARGET SAMPLE untuk halaman add --}}
    <div class="modal fade" id="modalTargetSampleAdd" tabindex="-1" role="dialog"
        aria-labelledby="modalTargetSampleAddLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <form id="formTargetSampleAdd" method="POST">
                    @csrf
                    <div class="modal-header bg-gradient-success">
                        <h5 class="modal-title text-white" id="modalTargetSampleAddLabel">
                            <i class="fas fa-bullseye me-2"></i>Target Test Lab
                        </h5>
                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
                            aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="request_no" id="target_request_no_add">
                        <input type="hidden" name="target_id" id="target_id_add">
                        <div class="mb-3">
                            <label class="form-control-label text-xs font-weight-bold mb-2">Request No:</label>
                            <input type="text" class="form-control" id="target_request_no_display_add" readonly>
                        </div>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-control-label text-xs font-weight-bold">L*</label>
                                <input type="number" step="0.01" class="form-control" name="L"
                                    id="target_L_add" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-control-label text-xs font-weight-bold">a*</label>
                                <input type="number" step="0.01" class="form-control" name="a"
                                    id="target_a_add" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-control-label text-xs font-weight-bold">b*</label>
                                <input type="number" step="0.01" class="form-control" name="b"
                                    id="target_b_add" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-control-label text-xs font-weight-bold">C*</label>
                                <input type="number" step="0.01" class="form-control" name="C"
                                    id="target_C_add" required>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-control-label text-xs font-weight-bold">h</label>
                                <input type="number" step="0.01" class="form-control" name="h"
                                    id="target_h_add" required>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                        <button type="submit" class="btn btn-success">
                            <i class="fas fa-save me-1"></i>Simpan
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection
@push('js')
    <script>
        // Auto-scroll dan highlight sample yang dipilih saat halaman dimuat
        $(document).ready(function() {
            @if(isset($highlight_id) && $highlight_id)
                var highlightId = {{ $highlight_id }};
                var $targetCard = $('#sample-' + highlightId);
                
                if ($targetCard.length > 0) {
                    // Smooth scroll ke card yang dipilih
                    setTimeout(function() {
                        $('html, body').animate({
                            scrollTop: $targetCard.offset().top - 100
                        }, 800);
                    }, 300);
                    
                    // Tambahkan efek pulse dengan CSS animation
                    var pulseCount = 0;
                    var pulseInterval = setInterval(function() {
                        if (pulseCount < 6) {
                            $targetCard.css({
                                'transform': pulseCount % 2 === 0 ? 'scale(1.02)' : 'scale(1)',
                                'transition': 'transform 0.3s ease'
                            });
                            pulseCount++;
                        } else {
                            clearInterval(pulseInterval);
                            $targetCard.css({
                                'transform': 'scale(1)',
                                'transition': 'transform 0.3s ease'
                            });
                        }
                    }, 300);
                    
                    // Tambahkan efek blink pada box-shadow
                    var blinkCount = 0;
                    var blinkInterval = setInterval(function() {
                        if (blinkCount < 4) {
                            $targetCard.css('box-shadow', blinkCount % 2 === 0 
                                ? '0 0 25px rgba(94, 114, 228, 0.7) !important' 
                                : '0 0 15px rgba(94, 114, 228, 0.3) !important');
                            blinkCount++;
                        } else {
                            clearInterval(blinkInterval);
                        }
                    }, 400);
                }
            @endif
        });

        // Function untuk load target sample ke modal di halaman add
        function loadTargetSampleAdd(requestNo, targetData) {
            // Set request_no
            $('#target_request_no_add').val(requestNo);
            $('#target_request_no_display_add').val(requestNo);

            // Jika ada data target, isi form (edit mode)
            if (targetData && targetData !== null) {
                $('#target_id_add').val(targetData.id);
                $('#target_L_add').val(targetData.L || '');
                $('#target_a_add').val(targetData.a || '');
                $('#target_b_add').val(targetData.b || '');
                $('#target_C_add').val(targetData.C || '');
                $('#target_h_add').val(targetData.h || '');
            } else {
                // Reset form (add mode)
                $('#target_id_add').val('');
                $('#target_L_add').val('');
                $('#target_a_add').val('');
                $('#target_b_add').val('');
                $('#target_C_add').val('');
                $('#target_h_add').val('');
            }
        }

        // Form submit handler untuk target sample di halaman add
        $('#formTargetSampleAdd').on('submit', function(e) {
            e.preventDefault();
            const formData = $(this).serialize();

            $.ajax({
                url: "{{ url('teslab/target-sample') }}",
                method: 'POST',
                data: formData,
                success: function(response) {
                    if (response.success) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Berhasil!',
                            text: response.message || 'Target sample berhasil disimpan',
                            confirmButtonColor: '#028284'
                        }).then(() => {
                            // Reload halaman untuk refresh data
                            location.reload();
                        });
                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error!',
                            text: response.message || 'Terjadi kesalahan',
                            confirmButtonColor: '#028284'
                        });
                    }
                },
                error: function(xhr) {
                    let errorMessage = 'Terjadi kesalahan';
                    if (xhr.responseJSON && xhr.responseJSON.message) {
                        errorMessage = xhr.responseJSON.message;
                    } else if (xhr.responseJSON && xhr.responseJSON.errors) {
                        errorMessage = Object.values(xhr.responseJSON.errors).flat().join(', ');
                    }
                    Swal.fire({
                        icon: 'error',
                        title: 'Error!',
                        text: errorMessage,
                        confirmButtonColor: '#028284'
                    });
                }
            });
        });
    </script>
@endpush