@extends('patent::layouts.master')
@php
$countryName = $countries->firstWhere('id', $countryDetails->country_id)->name ?? '';
@endphp

@section('title', "Edit $countryName Detail")

@section('content')
<div class="container mt-4">
    <div class="card shadow rounded-3">

        <div class="card-header bg-primary text-white">
            <h4 class="mb-0">
                Edit Ticket -
                <strong>Country:</strong> {{ $countries->firstWhere('id', $countryDetails->country_id)->name ?? '' }} |
                <strong>AIPT Ref:</strong> {{ $application->aipt_ref ?? '-' }} |
                <strong>Client Ref:</strong> {{ $application->client_ref ?? '-' }} |
                <strong>Title:</strong> {{ $application->application_title ?? '-' }}
            </h4>
        </div>
        <form action="{{ route('patent.design.countrydetails.update', $countryDetails->id) }}" method="POST"
            enctype="multipart/form-data">

            @csrf
            <div class="card-body row">

                <div class="col-md-4 mt-3"> <label for="route" class="form-label">Route</label>
                    <select name="route" id="route" class="form-control">
                        <option value="">-- Select Route --</option>

                        <option value="Validation" {{ $countryDetails->route == 'Validation' ? 'selected' : ''
                            }}>Validation</option>
                        <option value="Regular" {{ $countryDetails->route == 'Regular' ? 'selected' : '' }}>Regular
                        </option>



                    </select>
                </div>

                <div class="col-md-4 mt-3">
                    <label>Associate</label>
                    <select name="associate_id" class="form-control">
                        @foreach ($associates as $associate)
                        <option value="{{ $associate->id }}" @selected($countryDetails->associate_id == $associate->id)>
                            {{ $associate->associate_name ?? 'N/A' }}
                        </option>
                        @endforeach
                    </select>
                </div>


                <div class="col-md-4 mt-3">
                    <label>Assigned Users</label>
                    <select name="assigneds_fk[]" class="form-control select2" multiple>
                        @foreach($users as $user)
                        <option value="{{ $user->id }}" @selected(in_array($user->id, $assigneds_ids ?? []))>
                            {{ $user->username }} ({{ $user->name }})
                        </option>
                        @endforeach
                    </select>
                </div>

                <div class="row g-3 mb-3">
                    <div class="col-md-6">
                        <label>Filing No</label>
                        <input type="text" name="filing_no" class="form-control"
                            value="{{ $countryDetails->filing_no }}">
                    </div>
                    <div class="col-md-6">
                        <label>Filing Date</label>
                        <input type="date" name="filing_date" class="form-control"
                            value="{{ $countryDetails->filing_date }}">
                    </div>
                </div>

                <div class="row g-3 mb-3">
                    <div class="col-md-6">
                        <label>Register No</label>
                        <input type="text" name="Periority_no" class="form-control"
                            value="{{ $countryDetails->priority_no }}">
                    </div>
                    <div class="col-md-6">
                        <label>Register Date</label>
                        <input type="date" name="Periority_date" class="form-control"
                            value="{{ $countryDetails->priority_date }}">
                    </div>
                </div>



                <div class="col-md-6">
                    <label>Status</label>
                    <select name="methode_id" class="form-control select2" id="methode_select">
                        <option value=""> Select </option>

                        @foreach($methods as $method)
                        <option value="{{ $method->id }}" data-deadline="{{ $method->has_deadline }} "
                            @selected($countryDetails->methode_id == $method->id)>
                            {{ $method->methode_name }}
                        </option>
                        @endforeach
                    </select>
                </div>

                <div class="row g-3 mb-3">
                    <div class="col-md-12 mt-3" id="dateTypeWrapper" style="display: none;">
                        <label> Status Date Type</label>
                        <select class="form-control" id="date_type_select" name="date_type">
                            <option value=""></option>
                            <option value="filing">filing Date</option>
                            <option value="manual">Manual </option>
                        </select>
                    </div>

                    <div class="col-md-12 mt-3" id="manualDateInput" style="display: none;">
                        <label> date</label>
                        <input type="date" class="form-control" name="manual_date">
                    </div>

                </div>


                <div id="dateTypeWrapper" class="mt-3" style="{{ $has_deadline ? '' : 'display:none;' }}">
                    <h5 class="mb-3">Deadline Tracker</h5>
                    @if (!empty($has_deadline))
                    <div class="table-responsive">
                        <table class="table table-sm table-bordered text-center">
                            <thead class="table-light">
                                <tr>
                                    <th>#</th>
                                    <th>Country</th>
                                    <th>Type Date</th>
                                    <th> Date</th>

                                    <th>Deadline (Days)</th>
                                    <th>Deadline Date</th>
                                    <th>Remaining</th>
                                    <th>Done</th>
                                    <th>Done BY</th><!-- جديد -->
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($has_deadline as $index => $dl)
                                <tr>


                                    <input name="deadlines[{{ $index }}][id]" value="{{ $dl['id'] }}" hidden>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $dl['country'] }}</td>
                                    <td>{{ $dl['filing_type'] }}</td>
                                    <td>{{ $dl['filing_date'] }}</td>

                                    <td>{{ $dl['deadline_value'] }}</td>
                                    <td>
                                        <input type="date" name="deadlines[{{ $index }}][deadline_date]"
                                            class="form-control" value="{{ $dl['deadline_date'] }}">
                                    </td>
                                    <td>
                                        @if ($dl['remaining_days'] < 0) <span class="text-danger">{{
                                            $dl['remaining_days']
                                            }} days ago</span>
                                            @elseif ($dl['remaining_days'] === 0)
                                            <span class="text-warning">Today</span>
                                            @else
                                            <span class="text-success">{{ $dl['remaining_days'] }} days left</span>
                                            @endif
                                    </td>
                                    <td>
                                        @if (!$dl['is_done'])
                                        <input type="checkbox" data-id="{{ $dl['id'] }}" class="mark-done-checkbox" {{
                                            $dl['is_done'] ? 'checked' : '' }}>
                                        @else
                                        <input type="checkbox" checked disabled>
                                        @endif
                                    </td>

                                    <td>


                                        @if($dl['done_by'])
                                        {{ \App\Models\User::find($dl['done_by'])->name ?? 'Unknown' }}
                                        @else
                                        —
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @else
                    <div class="alert alert-info">No deadline records found.</div>
                    @endif
                </div>





                <br><br><br>
                <div class="col-md-12">
                    <h4
                        style="margin-top: 30px; margin-bottom: 10px; font-weight: bold; border-bottom: 2px solid #ccc; padding-bottom: 5px;">
                        📎 Attachments
                    </h4>

                    <!-- 🔧 حقل إضافة مرفق -->
                    <div style="margin-bottom: 20px; display: flex; gap: 10px;">
                        <input type="text" id="newAttachmentKey" placeholder="أدخل اسم المرفق الجديد..."
                            style="padding: 8px 12px; border: 1px solid #ccc; border-radius: 5px; flex: 1;">
                        <button type="button" onclick="addAttachment()"
                            style="padding: 8px 16px; background-color: #007bff; color: white; border: none; border-radius: 5px;">
                            ➕ إضافة
                        </button>
                    </div>

                    <!-- ✅ عناصر المرفقات -->
                    <div id="attachmentContainer" style="display: flex; flex-wrap: wrap; gap: 15px;">
                        @php
                        $first = $countryDetails;
                        $attachments = json_decode($first->attachment ?? '{}', true);
                        @endphp

                        @foreach ($attachments as $key => $value)
                        @php
                        $color = $value ? '#28a745' : '#dc3545';
                        @endphp

                        <div class="attachment-item" data-key="{{ $key }}"
                            style="background-color: {{ $color }}; padding: 10px 15px; border-radius: 8px; min-width: 160px;">

                            <!-- 🟡 تأكيد إرسال القيمة حتى لو مش متحدد -->
                            <input type="hidden" name="attachment[{{ $key }}]" value="0">

                            <label style="color: white; font-weight: bold; display: flex; align-items: center;">
                                <input type="checkbox" name="attachment[{{ $key }}]" value="1" {{ $value ? 'checked'
                                    : '' }} style="margin-right: 8px;">
                                {{ strtoupper($key) }}
                            </label>

                            <button type="button" onclick="removeAttachment(this)"
                                style="margin-top: 5px; background-color: transparent; border: none; color: white; font-size: 18px;">
                                ❌
                            </button>
                        </div>
                        @endforeach
                    </div>

                </div>



                <div class="mt-4">
                    <label>Comment (EN)</label>
                    <input type="text" name="patent_comment" class="form-control mb-2">

                    <label>Attachment</label>
                    <input type="file" name="attach" class="form-control mb-3">
                </div>

                @if($histories && $histories->count())
                <div class="card mt-5 shadow-sm">
                    <div class="card-header bg-secondary text-white">
                        <h5 class="mb-0">design History</h5>
                    </div>
                    <div class="card-body p-0">
                        <table class="table table-bordered table-hover mb-0">
                            <thead class="table-light text-center">
                                <tr>
                                    <th>#</th>
                                    <th>Type</th>
                                    <th>Comment</th>
                                    <th>Added By</th>
                                    <th>File</th>
                                    <th>Created At</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($histories as $index => $history)
                                <tr>
                                    <td>{{ $histories->firstItem() + $index }}</td>
                                    <td>{{ $history->type }}</td>
                                    <td>{{ $history->comment }}</td>
                                    <td>{{ $history->added_by_name ?? 'N/A' }}</td>
                                    <td>
                                        @if($history->file_path)
                                        <a href="{{ asset('PT_files/'.$history->file_path) }}" target="_blank">View</a>
                                        @else
                                        No file
                                        @endif
                                    </td>
                                    <td>{{ \Carbon\Carbon::parse($history->created_at)->format('Y-m-d') }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>

                        <div class="mt-3 px-3">
                            {{ $histories->withQueryString()->links() }}
                        </div>
                    </div>
                </div>
                @endif

            </div>
            <div class="card-footer text-end mt-3">
                @if(Auth::user()->department_id==1 ||Auth::user()->role_id==1 )
                <button class="btn btn-success">Update</button>
                @endif
            </div>
        </form>
    </div>
</div>
@endsection
@push('scripts')
{{-- Select2 --}}
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<script>
    $(function () {
            $('.select2').select2({ width: '100%' });

            $('#methode_select').on('change', function () {
                $('#dateTypeWrapper').toggle($(this).find(':selected').data('deadline') == 1);
            });
        });

      function addAttachment() {
        const keyInput = document.getElementById('newAttachmentKey');
        const key = keyInput.value.trim().toLowerCase();

        if (!key) {
            alert("برجاء إدخال اسم المرفق");
            return;
        }

        // لو العنصر مكرر
        if (document.querySelector('[data-key="' + key + '"]')) {
            alert("هذا المرفق موجود بالفعل");
            return;
        }

        const container = document.getElementById('attachmentContainer');

        const div = document.createElement('div');
        div.className = 'attachment-item';
        div.setAttribute('data-key', key);
        div.style = 'background-color: #dc3545; padding: 10px 15px; border-radius: 8px; min-width: 160px;';

        div.innerHTML = `
            <label style="color: white; font-weight: bold; display: flex; align-items: center;">
                <input type="checkbox" name="attachment[${key}]" value="1" checked style="margin-right: 8px;">
                ${key.toUpperCase()}
            </label>
            <button type="button" onclick="removeAttachment(this)" style="margin-top: 5px; background-color: transparent; border: none; color: white; font-size: 18px;">
                ❌
            </button>
        `;

        container.appendChild(div);
        keyInput.value = '';
    }

    function removeAttachment(btn) {
        const div = btn.closest('.attachment-item');
        div.remove();
    }
        let currentMethodeId = "{{ $countryDetails->methode_id }}";

$(document).ready(function () {
    $('.select2').select2({ width: '100%' });

    let currentMethodeId = "{{ $countryDetails->methode_id }}"; // الميثود الحالية
    var deadlines = @json($has_deadline);

    $('#methode_select').on('change', function () {
        var selectedOption = $(this).find('option:selected');
        var selectedId = selectedOption.val();
        var hasDeadline = selectedOption.data('deadline');

        // لو الميثود المختارة هي نفسها الحالية → إخفاء
        if (selectedId == currentMethodeId && deadlines[0] != null) {
            $('#dateTypeWrapper').hide();
            $('#manualDateInput').hide();
            $('#yourButtonWrapper').hide(); // ← اخفي الزر
            return;
        }

        if (hasDeadline == 1 && deadlines[0] == null) {
            $('#dateTypeWrapper').show();
            $('#yourButtonWrapper').show(); // ← إظهار الزر أو أي عنصر إضافي
        } else {
            $('#dateTypeWrapper').hide();
            $('#manualDateInput').hide();
            $('#yourButtonWrapper').hide(); // ← إخفاء الزر
        }
    });

    $('#date_type_select').on('change', function () {
        if ($(this).val() === 'manual') {
            $('#manualDateInput').show();
        } else {
            $('#manualDateInput').hide();
        }
    });
});


$(document).on('change', '.mark-done-checkbox', function () {
    const checkbox = $(this);
    const id = checkbox.data('id');

    $.ajax({
        url: `/patents/country-details/${id}/done`,
        method: 'POST',
        data: {
            _token: '{{ csrf_token() }}',
            _method: 'PUT', // Laravel يحتاج هذا حتى لو الميثود POST
            is_done: checkbox.is(':checked') ? 1 : 0
        },
        success: function (res) {
            console.log('تم التحديث بنجاح');
            checkbox.prop('disabled', true); // اختياري: تمنع التعديل بعد التحديث
        },
        error: function () {
            alert('حدث خطأ أثناء التحديث');
            checkbox.prop('checked', !checkbox.is(':checked'));
        }
    });
});



</script>


@endpush