@extends('AdminPanel.layouts.master')
@section('content')

    @if($errors->any())
        <div class="alert alert-danger">
            <strong>الرجاء تصحيح الأخطاء التالية:</strong>
            <ul class="mb-0 mt-2">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif




    <!-- Bordered table start -->
    <div class="row" id="table-bordered">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">{{$title}}</h4>
                </div>
                <div class="table-responsive">
                    <table class="table table-bordered mb-2">
                        <thead class="table-light">
                        <tr>
                            <th>#</th>
                            <th>العنوان</th>
                            <th>المرحلة</th>
                            <th>القيمة</th>
                            <th>تاريخ الإغلاق المتوقع</th>
                            <th>المسؤول</th>
                            <th>عدد المتابعات</th>
                            <th>الإجراءات</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($opportunities as $index => $opportunity)
                            <tr


                                data-id="{{ $opportunity->id }}"
                                data-title="{{ $opportunity->title }}"
                                data-stage="{{ $opportunity->stage }}"
                                data-value="{{ $opportunity->value }}"
                                data-expected_close_date="{{ $opportunity->expected_close_date?->toDateString() }}"
                                data-description="{{ $opportunity->description }}"
                                data-owner="{{ $opportunity->assignedTo?->id }}"
                                data-branch="{{ $opportunity->branch_id }}"



                            >
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $opportunity->title }}</td>
                                <td>
                                    @switch($opportunity->stage)
                                        @case('new') جديدة @break
                                        @case('under_followup') تحت المتابعة @break
                                        @case('proposal_sent') عرض مرسل @break
                                        @case('negotiation') تفاوض @break
                                        @case('won') <span class="text-success">ناجحة</span> @break
                                        @case('lost') <span class="text-danger">فاشلة</span> @break
                                        @default {{ $opportunity->stage }}
                                    @endswitch
                                </td>
                                <td>{{ $opportunity->value ? number_format($opportunity->value, 2) : '-' }}</td>
                                <td>{{ $opportunity->expected_close_date ?? '-' }}</td>
                                <td>{{ $opportunity->assignedTo?->name ?? 'غير محدد' }}</td>
                                <td>
                    <span class="badge bg-info">
                        {{ $opportunity->client_follow_ups_count }}
                    </span>
                                </td>
                                <td>
                                    <a href="{{ route('admin.opportunity.followups',[
    "client_id"=> $client->id ,
    "opportunity_id"=> $opportunity->id ,
]) }}"
                                       class="btn btn-sm btn-primary">
                                        عرض المتابعات
                                    </a>
                                    <button type="button" class="btn btn-sm btn-warning btn-edit" data-bs-toggle="modal" data-bs-target="#editOpportunityModal">
                                        تعديل
                                    </button>


                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="8" class="text-center">لا توجد فرص مرتبطة بهذا العميل.</td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>

                </div>

                {{ $opportunities->links('vendor.pagination.default') }}


            </div>
        </div>
    </div>

@stop

@section('page_buttons')
    @if(userCan('followups_create'))
        <a href="javascript:;" data-bs-target="#createRecord" data-bs-toggle="modal" class="btn btn-sm btn-primary">
            {{__('common.CreateNewFollowUp')}}
        </a>
        @include('AdminPanel.opportunities.create')
    @endif






    <a href="javascript:;" data-bs-target="#searchfollowups" data-bs-toggle="modal" class="btn btn-primary btn-sm">
        {{__('common.search')}}
    </a>



    <div class="modal fade text-md-start" id="searchfollowups" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered modal-edit-user">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pb-5 px-sm-5 pt-50">
                    <form id="searchfollowupsForm" class="row gy-1 pt-75" method="GET">


                        <div class="col-12 text-center mt-2 pt-50">
                            <button type="submit" class="btn btn-primary me-1">{{__('common.search')}}</button>
                            <button type="reset" class="btn btn-outline-secondary" data-bs-dismiss="modal"
                                    aria-label="Close">
                                {{__('common.Cancel')}}
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@stop