@extends('patent::layouts.master')

@section('title', 'Team Deadlines Dashboard')

@section('content')
<div class="container mt-4">
    <div class="card shadow rounded-3 m-5">
        <div class="card-header bg-primary text-white">
            <h4 class="mb-0">Team Deadlines</h4>
        </div>

        <div class="card-body">
            @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
            @endif

            <div class="table-responsive">
                <table class="table table-bordered table-striped table-hover" id="deadlinesTable">
                    <thead class="table-light text-center">
                        <tr>
                            <th>#</th>
                            <th>Country</th>
                            <th>Method</th>
                            <th>AIPT Ref</th>
                            <th>Deadline Date</th>
                                            <th>Remaining</th>

                            <th>Deadline Type</th>

                            
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($results as $index => $dl)
                        {{-- @php
                        dd($dl);
                        @endphp --}}
                        <tr class="text-center">
                            <td>{{ $index + 1 }}</td>
                            <td>{{ $dl['country'] }}</td>
                            <td>{{ $dl['method'] }}</td>
                            <td>{{ $dl['aipt_ref'] }}</td>
                            <td>
                                @if($dl['deadline_date'])
                                {{ \Carbon\Carbon::parse($dl['deadline_date'])->format('Y-m-d') }}
                                @else
                                <span class="text-muted">-</span>
                                @endif
                            </td>


                                        <td>
                                @php $rem = $dl['remaining_days'] ?? null; @endphp

                                @if($rem !== null && $rem < 0)
                                    <span class="badge bg-danger">{{ $rem }} days</span>
                                @elseif($rem !== null)
                                    <span class="badge bg-success">{{ $rem }} days</span>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                            {{-- end remaining days --}}
                            <td>{{ ucfirst($dl['filing_type'] ?? '-') }}</td>
                            <td>
                                @if($dl['is_done'])
                                <span class="badge bg-success">Done</span>
                                @else
                                <span class="badge bg-warning text-dark">Pending</span>
                                @endif
                            </td>



                            <td>
                                <a href="{{ route('patent.applications.country-details.edit', $dl['id']) }}"
                                    class="btn btn-sm btn-warning">
                                    Edit
                                </a>

                                @if(!$dl['is_done'])
                                <form method="POST"
                                    action="{{ route('patent.applications.country-details.done', $dl['id']) }}"
                                    style="display:inline-block;">
                                    @csrf
                                    @method('PUT')
                                    <button type="submit" class="btn btn-sm btn-success">
                                        Mark as Done
                                    </button>
                                </form>
                                @else
                                <span class="text-muted small">
                                    Done by: {{ $dl['done_by'] }}
                                </span>
                                @endif
                            </td>

                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

        </div>
    </div>



    <div class="card shadow rounded-4 border-0 m-5">
        <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
            <h4 class="mb-0">Patent Applications</h4>
            <a href="{{ route('patent.applications.create') }}" class="btn btn-light btn-sm">
                <i class="fas fa-plus"></i> Add New
            </a>
        </div>

        <div class="card-body">

            {{-- فلاتر --}}
            {{-- <div class="row mb-3 g-2">

                <div class="col-md-3">
                    <select id="filterClient" class="form-select">
                        <option value="">-- Filter by Client --</option>
                        @foreach($clients as $client)
                        <option value="{{ $client }}">{{ $client }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <select id="filterCountry" class="form-select">
                        <option value="">-- Filter by Country --</option>
                        @foreach($countries as $country)
                        <option value="{{ $country }}">{{ $country }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-3">
                    <input type="text" id="applicationSearch" class="form-control" placeholder="Search Applications...">
                </div>
            </div> --}}

            <div class="table-responsive">
                <table id="applicationsTable" class="table table-bordered table-hover nowrap" style="width:100%">
                    <thead class="table-light">
                        <tr>
                            <th>Title</th>
                            <th>AIPT Ref</th>
                            <th>Client Ref</th>
                            <th>PCT No</th>
                            <th>Clients</th>
                            <th>Applicants</th>
                            <th>Country</th>
                            <th>Method</th>

                            <th class="text-center">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($applications as $item)
                        <tr>
                            <td>{{ $item->application_title }}</td>
                            <td>{{ $item->aipt_ref }}</td>
                            <td>{{ $item->client_ref }}</td>
                            <td>{{ $item->pct_no }}</td>
                            <td>{{ $item->clients }}</td>
                            <td>{{ $item->applicants }}</td>
                            <td>{{ $item->countries }}</td>
                            <td>{{ $item->methodsName }}</td>


                            <td class="text-center">
                                <a href="{{ route('patent.applications.edit', $item->id) }}"
                                    class="btn btn-sm btn-outline-warning me-1" title="Edit">
                                    <i class="fas fa-edit"></i>
                                </a>


                            </td>
                        </tr>
                        @endforeach
                    </tbody>

                </table>
            </div> <!-- end table-responsive -->
        </div>
    </div>

</div>


{{-- @php
dd($applications);
@endphp --}}
@endsection

@push('scripts')
<script>
    $(document).ready(function () {
        $('#deadlinesTable').DataTable({
            pageLength: 25,
            order: [[4, 'asc']],
        });
    });
</script>
@endpush