@extends('operations.layout.mainlayout')

@section('content')
<div class="content-wrapper">
    <div class="content-header">
        <div class="container-fluid card">
            <div class="row mb-2">
                <div class="col-sm-6 card-body">
                    <h1 class="m-0 text-dark" style="color: var(--blazma-text)!important;">Test Price List for {{ $insurance->NAME }}</h1>
                </div>
                <div class="col-sm-6">
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            @if($hospitals->count() == 0)
            <div class="alert alert-warning">
                No hospitals assigned to this insurance. Please assign hospitals first.
            </div>
            @else
                <div class="row mb-3">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="hospital-select">Select Hospital:</label>
                            <select id="hospital-select" class="form-control">
                                @foreach($hospitals as $hospital)
                                    <option value="{{ $hospital->ID }}" {{ $selectedHospital && $selectedHospital->ID == $hospital->ID ? 'selected' : '' }}>{{ $hospital->NAME_EN }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>

                @if($selectedHospital)
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <ul class="nav nav-tabs" id="test-tabs" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="tests-tab" data-toggle="tab" href="#tests" role="tab" aria-controls="tests" aria-selected="true" style="color: #007bff !important">Tests</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="packages-tab" data-toggle="tab" href="#packages" role="tab" aria-controls="packages" aria-selected="false" style="color: #007bff !important">Packages</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="card-body">
                                <div class="tab-content" id="test-tabs-content">
                                    <div class="tab-pane fade show active" id="tests" role="tabpanel" aria-labelledby="tests-tab">
                                        <div class="row mb-3">
                                            <div class="col-12">
                                                <button id="bulk-upload-tests-btn" class="btn btn-primary float-right">
                                                    <i class="fas fa-upload"></i> Bulk Upload
                                                </button>
                                            </div>
                                        </div>

                                        <table id="tests-table" class="table table-bordered table-striped">
                                            <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>Test Name</th>
                                                <th>Test Code</th>
                                                <th>Price (SAR)</th>
                                                <th>Requires Approval</th>
                                                <th>Actions</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($tests as $test)
                                            @php
                                                $testPrice = isset($prices[$test->ID]) ? $prices[$test->ID] : null;
                                            @endphp
                                            <tr>
                                                <td>{{ $test->ID }}</td>
                                                <td>{{ $test->NAME_EN }}</td>
                                                <td>{{ $test->CODE }}</td>
                                                <td>
                                                    <span id="price-display-{{ $test->ID }}">{{ $testPrice ? $testPrice->PRICE : 'Not Set' }}</span>
                                                    <div class="edit-price-container" id="edit-price-container-{{ $test->ID }}" style="display: none;">
                                                        <input type="number" class="form-control form-control-sm price-input" id="price-input-{{ $test->ID }}" value="{{ $testPrice ? $testPrice->PRICE : '0' }}" step="0.01" min="0">
                                                    </div>
                                                </td>
                                                <td>
                                                    <span id="approval-display-{{ $test->ID }}">{{ $testPrice ? ($testPrice->REQUIRES_APPROVAL == 1 ? 'Yes' : 'No') : 'Yes' }}</span>
                                                    <div class="edit-approval-container" id="edit-approval-container-{{ $test->ID }}" style="display: none;">
                                                        <select class="form-control form-control-sm approval-select" id="approval-select-{{ $test->ID }}">
                                                            <option value="1" {{ $testPrice && $testPrice->REQUIRES_APPROVAL == 1 ? 'selected' : '' }}>Yes</option>
                                                            <option value="0" {{ $testPrice && $testPrice->REQUIRES_APPROVAL == 0 ? 'selected' : '' }}>No</option>
                                                        </select>
                                                    </div>
                                                </td>
                                                <td>
                                                    <button class="btn btn-sm btn-info edit-price-btn" data-id="{{ $test->ID }}">
                                                        <i class="fas fa-edit"></i>
                                                    </button>
                                                    <button class="btn btn-sm btn-success save-price-btn" data-id="{{ $test->ID }}" data-test="{{ $test->ID }}" data-type="TEST" style="display: none;">
                                                        <i class="fas fa-save"></i>
                                                    </button>
                                                    <button class="btn btn-sm btn-danger cancel-price-btn" data-id="{{ $test->ID }}" style="display: none;">
                                                        <i class="fas fa-times"></i>
                                                    </button>
                                                    @if($testPrice)
                                                    <button class="btn btn-sm btn-danger delete-price-btn" data-id="{{ $testPrice->ID }}">
                                                        <i class="fas fa-trash"></i>
                                                    </button>
                                                    @endif
                                                </td>
                                            </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>

                                    <div class="tab-pane fade" id="packages" role="tabpanel" aria-labelledby="packages-tab">
                                        <div class="row mb-3">
                                            <div class="col-12">
                                                <button id="bulk-upload-packages-btn" class="btn btn-primary float-right">
                                                    <i class="fas fa-upload"></i> Bulk Upload
                                                </button>
                                            </div>
                                        </div>

                                        <table id="packages-table" class="table table-bordered table-striped">
                                            <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>Package Name</th>
                                                <th>Package Code</th>
                                                <th>Price (SAR)</th>
                                                <th>Requires Approval</th>
                                                <th>Actions</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($packages as $package)
                                            @php
                                                $packagePrice = isset($prices[$package->ID]) ? $prices[$package->ID] : null;
                                            @endphp
                                            <tr>
                                                <td>{{ $package->ID }}</td>
                                                <td>{{ $package->NAME_EN }}</td>
                                                <td>{{ $package->CODE }}</td>
                                                <td>
                                                    <span id="price-display-{{ $package->ID }}">{{ $packagePrice ? $packagePrice->PRICE : 'Not Set' }}</span>
                                                    <div class="edit-price-container" id="edit-price-container-{{ $package->ID }}" style="display: none;">
                                                        <input type="number" class="form-control form-control-sm price-input" id="price-input-{{ $package->ID }}" value="{{ $packagePrice ? $packagePrice->PRICE : '0' }}" step="0.01" min="0">
                                                    </div>
                                                </td>
                                                <td>
                                                    <span id="approval-display-{{ $package->ID }}">{{ $packagePrice ? ($packagePrice->REQUIRES_APPROVAL == 1 ? 'Yes' : 'No') : 'Yes' }}</span>
                                                    <div class="edit-approval-container" id="edit-approval-container-{{ $package->ID }}" style="display: none;">
                                                        <select class="form-control form-control-sm approval-select" id="approval-select-{{ $package->ID }}">
                                                            <option value="1" {{ $packagePrice && $packagePrice->REQUIRES_APPROVAL == 1 ? 'selected' : '' }}>Yes</option>
                                                            <option value="0" {{ $packagePrice && $packagePrice->REQUIRES_APPROVAL == 0 ? 'selected' : '' }}>No</option>
                                                        </select>
                                                    </div>
                                                </td>
                                                <td>
                                                    <button class="btn btn-sm btn-info edit-price-btn" data-id="{{ $package->ID }}">
                                                        <i class="fas fa-edit"></i>
                                                    </button>
                                                    <button class="btn btn-sm btn-success save-price-btn" data-id="{{ $package->ID }}" data-test="{{ $package->ID }}" data-type="PACKAGE" style="display: none;">
                                                        <i class="fas fa-save"></i>
                                                    </button>
                                                    <button class="btn btn-sm btn-danger cancel-price-btn" data-id="{{ $package->ID }}" style="display: none;">
                                                        <i class="fas fa-times"></i>
                                                    </button>
                                                    @if($packagePrice)
                                                    <button class="btn btn-sm btn-danger delete-price-btn" data-id="{{ $packagePrice->ID }}">
                                                        <i class="fas fa-trash"></i>
                                                    </button>
                                                    @endif
                                                </td>
                                            </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif
            @endif
        </div>
    </section>
</div>

<div class="modal fade" id="bulk-upload-modal" tabindex="-1" role="dialog" aria-labelledby="bulkUploadModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="bulkUploadModalLabel">Bulk Upload Prices</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="alert alert-info">
                    <p>Please download the template file, fill in the prices, and upload it back.</p>
                    <p>Format: CSV file with columns: TEST_ID, PRICE, REQUIRES_APPROVAL</p>
                </div>
                <div class="mb-3">
                    <a href="#" id="download-template-btn" class="btn btn-primary">
                        <i class="fas fa-download"></i> Download Template
                    </a>
                </div>
                <form id="bulk-upload-form" enctype="multipart/form-data">
                    <input type="hidden" id="upload-type" name="upload_type" value="TEST">
                    <div class="form-group">
                        <label for="bulk-file">Upload CSV File</label>
                        <div class="custom-file">
                            <input type="file" class="custom-file-input" id="bulk-file" name="bulk_file" accept=".csv" required>
                            <label class="custom-file-label" for="bulk-file">Choose file</label>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="upload-bulk-btn">Upload</button>
            </div>
        </div>
    </div>
</div>
@endsection

@section('footer-scripts')
<script>
$(document).ready(function() {
    // Check if DataTable is already initialized before initializing
    if (!$.fn.DataTable.isDataTable('#tests-table')) {
        $('#tests-table').DataTable({
            "pageLength": 25,
            "order": [[1, "asc"]],
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false
        });
    }

    if (!$.fn.DataTable.isDataTable('#packages-table')) {
        $('#packages-table').DataTable({
            "pageLength": 25,
            "order": [[1, "asc"]],
            "responsive": true,
            "lengthChange": false,
            "autoWidth": false
        });
    }

    $('#hospital-select').change(function() {
        const hospitalId = $(this).val();
        window.location.href = '/operations/insurance/test-price-list/{{ $insurance->ID }}?hospitalId=' + hospitalId;
    });


    $('.edit-price-btn').click(function() {
        const id = $(this).data('id');
        $(this).hide();
        $('.save-price-btn[data-id="' + id + '"], .cancel-price-btn[data-id="' + id + '"]').show();
        $('#price-display-' + id).hide();
        $('#approval-display-' + id).hide();
        $('#edit-price-container-' + id).show();
        $('#edit-approval-container-' + id).show();
    });


    $('.cancel-price-btn').click(function() {
        const id = $(this).data('id');
        $(this).hide();
        $('.save-price-btn[data-id="' + id + '"]').hide();
        $('.edit-price-btn[data-id="' + id + '"]').show();
        $('#price-display-' + id).show();
        $('#approval-display-' + id).show();
        $('#edit-price-container-' + id).hide();
        $('#edit-approval-container-' + id).hide();
    });


    $('.save-price-btn').click(function() {
        const id = $(this).data('id');
        const testId = $(this).data('test');
        const price = $('#price-input-' + id).val();
        const requiresApproval = $('#approval-select-' + id).val();
        const type = $(this).data('type');

        $.ajax({
            url: '/operations/insurance/test-price/save',
            type: 'POST',
            data: {
                INSURANCE_ID: {{ $insurance->ID }},
                TEST_ID: testId,
                HOSPITAL_ID: {{ $selectedHospital ? $selectedHospital->ID : 0 }},
                PRICE: price,
                REQUIRES_APPROVAL: requiresApproval,
                SERVICE_TYPE: type
            },
            success: function(response) {
                if (response.success) {
                    toastr.success(response.message);
                    $('#price-display-' + id).text(price);
                    $('#approval-display-' + id).text(requiresApproval == 1 ? 'Yes' : 'No');

                    $('.save-price-btn[data-id="' + id + '"], .cancel-price-btn[data-id="' + id + '"]').hide();
                    $('.edit-price-btn[data-id="' + id + '"]').show();
                    $('#price-display-' + id).show();
                    $('#approval-display-' + id).show();
                    $('#edit-price-container-' + id).hide();
                    $('#edit-approval-container-' + id).hide();


                    setTimeout(function() {
                        window.location.reload();
                    }, 1000);
                } else {
                    toastr.error(response.message);
                }
            },
            error: function() {
                toastr.error('An error occurred while saving the price');
            }
        });
    });


    $('.delete-price-btn').click(function() {
        if (!confirm('Are you sure you want to delete this price?')) {
            return;
        }

        const priceId = $(this).data('id');

        $.ajax({
            url: '/operations/insurance/test-price/delete',
            type: 'DELETE',
            data: {
                ID: priceId
            },
            success: function(response) {
                if (response.success) {
                    toastr.success(response.message);
                    setTimeout(function() {
                        window.location.reload();
                    }, 1000);
                } else {
                    toastr.error(response.message);
                }
            },
            error: function() {
                toastr.error('An error occurred while deleting the price');
            }
        });
    });


    $('#bulk-upload-tests-btn').click(function() {
        $('#upload-type').val('TEST');
        $('#bulkUploadModalLabel').text('Bulk Upload Test Prices');
        $('#bulk-upload-modal').modal('show');
    });

    $('#bulk-upload-packages-btn').click(function() {
        $('#upload-type').val('PACKAGE');
        $('#bulkUploadModalLabel').text('Bulk Upload Package Prices');
        $('#bulk-upload-modal').modal('show');
    });


    $(document).on('change', '.custom-file-input', function() {
        var fileName = $(this).val().split('\\').pop();
        $(this).next('.custom-file-label').html(fileName);
    });


    $('#download-template-btn').click(function(e) {
        e.preventDefault();

        const type = $('#upload-type').val();
        const items = type === 'TEST' ? @json($tests) : @json($packages);

        let csv = 'TEST_ID,PRICE,REQUIRES_APPROVAL\n';

        items.forEach(function(item) {
            const price = typeof prices !== 'undefined' && prices[item.ID] ? prices[item.ID].PRICE : '';
            const requiresApproval = typeof prices !== 'undefined' && prices[item.ID] ? prices[item.ID].REQUIRES_APPROVAL : 1;
            csv += item.ID + ',' + price + ',' + requiresApproval + '\n';
        });

        const blob = new Blob([csv], { type: 'text/csv' });
        const url = window.URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.setAttribute('hidden', '');
        a.setAttribute('href', url);
        a.setAttribute('download', 'insurance_price_template_' + type.toLowerCase() + '.csv');
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
    });


    $('#upload-bulk-btn').click(function() {
        if (!$('#bulk-file').val()) {
            toastr.error('Please select a file to upload');
            return;
        }

        var formData = new FormData($('#bulk-upload-form')[0]);
        formData.append('insurance_id', {{ $insurance->ID }});
        formData.append('hospital_id', {{ $selectedHospital ? $selectedHospital->ID : 0 }});

        $.ajax({
            url: '/operations/insurance/test-price/bulk-upload',
            type: 'POST',
            data: formData,
            processData: false,
            contentType: false,
            success: function(response) {
                if (response.success) {
                    toastr.success(response.message);
                    $('#bulk-upload-modal').modal('hide');
                    setTimeout(function() {
                        window.location.reload();
                    }, 1000);
                } else {
                    toastr.error(response.message);
                }
            },
            error: function() {
                toastr.error('An error occurred while uploading prices');
            }
        });
    });
});
</script>
@endsection