@extends('admin.layouts.master')

@section('contents')

    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{$title}}</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('Home')}}</a>
                                </li>
                                <li class="breadcrumb-item active">{{$title}}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('admin.projects.search_form')
        <div class="content-body">
            <!-- Zero configuration table -->
            <section id="basic-datatable">
                <div class="row">
                    <div class="col-12">
                        <div class="card">

                            <div class="card-content">
                                <div class="card-body card-dashboard">
                                    <div class="table-responsive">
                                        @php
                                            $showRatingsColumns = (int) request('status') === \App\Models\Project::COMPLETED;
                                        @endphp
                                        <table class="table" >
                                            <thead>
                                            <tr>
                                                <th>{{__('ID')}}</th>
                                                <th>{{__('Title')}}</th>
                                                <th>{{__('Category')}}</th>
                                                <th>{{__('Owner')}}</th>
                                                <th>{{ __('front.Payment Method') }}</th>
                                                <th>{{__('Price')}}</th>
                                                <th>{{__('Status')}}</th>
                                                <th>{{__('Is Private')}}</th>
                                                <th>{{__('Freelancer')}}</th>
                                                @if($showRatingsColumns)
                                                    <th>{{ __('dash.Owner to freelancer rating') }}</th>
                                                    <th>{{ __('dash.Freelancer to owner rating') }}</th>
                                                @endif
                                                <th>{{__('Created At')}}</th>
                                                <th>{{__('Offers')}}</th>
                                                <th>{{__('Messages')}}</th>
                                                <th>{{__('Actions')}}</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @forelse($projects as $project)
                                                <tr>
                                                    <td>{{ $project->id }}</td>
                                                    <td>{{ $project->title ?? __('None') }}</td>
                                                    <td>{{ $project->category?->name ?? __('None') }}</td>
                                                    <td>{{ $project->user->name ?? __('None') }}</td>
                                                    <td>
                                                        @if($project->size)
                                                            @if($project->payment_type == \App\Models\Project::PAYMENT_TYPE_PAID)
                                                                <span class="badge badge-primary" style="font-size:0.75em;">{{ getTrans($project->size->details, 'ar') }}</span>
                                                            @else
                                                                {{ getTrans($project->size->details, 'ar') }}
                                                            @endif
                                                            <br>
                                                            @if($project->size->payment_type === 'stages')
                                                                <span class="badge badge-info" style="font-size:0.75em;">{{__('Installments')}}</span>
                                                            @elseif($project->size->payment_type === 'full')
                                                                <span class="badge badge-success" style="font-size:0.75em;">{{__('Full Payment')}}</span>
                                                            @endif
                                                        @else
                                                            {{__('None')}}
                                                        @endif
                                                    </td>
                                                    <td>${{ number_format($project->price ?? 0, 2) }}</td>
                                                    <td>
                                                        @php
                                                            $badgeColor = match($project->status) {
                                                                \App\Models\Project::APPROVED  => 'success',
                                                                \App\Models\Project::REJECTED  => 'danger',
                                                                \App\Models\Project::PENDING   => 'warning',
                                                                \App\Models\Project::RUNNING   => 'info',
                                                                \App\Models\Project::COMPLETED => 'primary',
                                                                \App\Models\Project::CANCELLED => 'dark',
                                                                \App\Models\Project::CLOSED    => 'secondary',
                                                                default                        => 'secondary',
                                                            };
                                                        @endphp
                                                        <span class="badge badge-{{ $badgeColor }}">
                                                            {{ $project->getCurrentStatus() }}
                                                        </span>
                                                    </td>
                                                    <td>
                                                        @if($project->is_private == 1)
                                                            <span class="badge badge-warning">{{__('Yes')}}</span>
                                                        @else
                                                            <span class="badge badge-secondary">{{__('No')}}</span>
                                                        @endif
                                                    </td>
                                                    <td>{{ $project->freelancer->name ?? __('None') }}</td>
                                                    @if($showRatingsColumns)
                                                        <td class="text-nowrap">
                                                            @include('admin.components.rating_stars', ['rating' => optional($project->ownerToFreelancerRating)->rating])
                                                        </td>
                                                        <td class="text-nowrap">
                                                            @include('admin.components.rating_stars', ['rating' => optional($project->freelancerToOwnerRating)->rating])
                                                        </td>
                                                    @endif
                                                    <td>
                                                        <span title="{{Carbon\Carbon::parse($project->created_at)->format('F j, Y \at g:i A')}}">
                                                            {{Carbon\Carbon::parse($project->created_at)->format('M j, Y')}}
                                                            <br>
                                                            <small class="text-muted">{{Carbon\Carbon::parse($project->created_at)->format('g:i A')}}</small>
                                                        </span>
                                                    </td>
                                                    <td class="text-center">
                                                        @if($project->offers_count > 0)
                                                            <a href="{{ route('projects.show', $project->uuid) }}#offers">
                                                                <span class="badge badge-warning" style="font-size:0.85em;">
                                                                    <i class="fa fa-file-text-o mr-1"></i>{{ $project->offers_count }}
                                                                </span>
                                                            </a>
                                                        @else
                                                            <span class="text-muted">—</span>
                                                        @endif
                                                    </td>
                                                    <td class="text-center">
                                                        @if($project->chat_messages_count > 0)
                                                            <a href="{{ route('projects.messages', $project->uuid) }}?from={{ urlencode(request()->fullUrl()) }}">
                                                                <span class="badge badge-info" style="font-size:0.85em;">
                                                                    <i class="fa fa-comments mr-1"></i>{{ $project->chat_messages_count }}
                                                                </span>
                                                            </a>
                                                        @else
                                                            <span class="text-muted">—</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($project->status == \App\Models\Project::PENDING)
                                                        <a href="{{ route('projects.edit', $project->uuid) }}?from={{ urlencode(request()->fullUrl()) }}">
                                                            <button type="button" title="{{ __('Edit') }}"
                                                                    class="btn btn-outline-warning mr-1 mb-1"><i
                                                                    class="fa fa-pencil"></i>
                                                            </button>
                                                        </a>
                                                        @endif
                                                        <a href="{{ route('projects.show', $project->uuid) }}?from={{ urlencode(request()->fullUrl()) }}">
                                                            <button type="button" title="{{__('View')}}"
                                                                    class="btn btn-outline-primary mr-1 mb-1"><i
                                                                    class="fa fa-eye"></i>
                                                            </button>
                                                        </a>
                                                        <a href="{{ route('project.details', $project->id) }}" target="_blank">
                                                            <button type="button" title="{{__('View in Platform')}}"
                                                                    class="btn btn-outline-success mr-1 mb-1"><i
                                                                    class="fa fa-external-link"></i>
                                                            </button>
                                                        </a>
                                                        <a href="{{ route('projects.messages', $project->uuid) }}?from={{ urlencode(request()->fullUrl()) }}">
                                                            <button type="button" title="{{__('Messages')}}"
                                                                    class="btn btn-outline-info mr-1 mb-1"><i
                                                                    class="fa fa-comments"></i>
                                                            </button>
                                                        </a>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr>
                                                    <td colspan="{{ $showRatingsColumns ? 15 : 13 }}" class="text-center">{{ trans('No projects found') }}</td>
                                                </tr>
                                            @endforelse
                                            </tbody>

                                        </table>
                                    </div>

                                    <!-- Pagination -->
                                    @include('admin.components.advanced-pagination', ['paginator' => $projects])
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!--/ Zero configuration table -->


        </div>
    </div>


@endsection

@section('js')
<script>
$(document).ready(function() {
    // Initialize DataTable with sorting
    $('#projects-table').DataTable({
        "order": [[ 21, "desc" ]], // Sort by created_at column (index 21) in descending order
        "pageLength": 25,
        "scrollX": true, // Enable horizontal scrolling
        "language": {
            "search": "{{__('Search')}}:",
            "lengthMenu": "{{__('Show')}} _MENU_ {{__('entries')}}",
            "info": "{{__('Showing')}} _START_ {{__('to')}} _END_ {{__('of')}} _TOTAL_ {{__('entries')}}",
            "infoEmpty": "{{__('Showing 0 to 0 of 0 entries')}}",
            "infoFiltered": "({{__('filtered from')}} _MAX_ {{__('total entries')}})",
            "paginate": {
                "first": "{{__('First')}}",
                "last": "{{__('Last')}}",
                "next": "{{__('Next')}}",
                "previous": "{{__('Previous')}}"
            }
        }
    });
});
</script>
@endsection