@extends('layouts.main')
@section('title', 'Allocation Master')
@section('container')

    {{-- ************ table **************** --}}
    <div class="row">
        <div class="col-xl-12 col-lg-12">
            <div class="card" style="height: max-content;">
                <div class="card-header p-2" style="background:var(--secondary) ;">
                    <div class="row" style=" width: 100%; ">
                        <div class="col-md-6 col-6">
                            <h4 class="card-title">Allocation - View</h4>
                        </div>
                        <div class="col-md-6 col-6">
                            <button class="btn btn-primary p-2" style="float:right;" data-bs-toggle="modal"
                                data-bs-target=".bd-example-modal-sm"><i class="fa fa-filter"></i></button>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    {{-- ********** table ********* --}}
                    <div class="table-responsive">
                       <table id="planTable" class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>SR</th>
                                    <th>Action</th>
                                    <th>Company</th>
                                    <th>Zone</th>
                                    <th>Unit</th>
                                    <th>Project</th>
                                    <th>Total Plan</th>
                                    <th>Total Distributor</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $i = 0;
                                @endphp
                                @foreach($plan as $row)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>

                                        <td>
                                            <button class="btn btn-sm btn-primary" onclick="openplanlist({{ $row->project_id }});"  title="View Plan List">
                                                <i class="fa fa-eye"></i>
                                            </button>
                                        </td>

                                        <td>{{ $row->company->name ?? '-' }}</td>
                                        <td>{{ $row->zone->name ?? '-' }}</td>
                                        <td>{{ $row->unit->name ?? '-' }}</td>
                                        <td>{{ $row->project->project_name ?? '-' }}</td>

                                        <td>{{ $row->plan_count }}</td>
                                        @php
                                            $planID = App\Models\PlanMaster::where('project_id',$row->project_id)
                                                    ->pluck('id')->toArray();
                                            
                                            $dist = App\Models\Distributormaster::whereIn('plan_id',$planID)
                                                    ->count();
                                            
                                        @endphp
                                        <td>{{ $dist }}</td>
                                    </tr>
                                    @endforeach

                            </tbody>
                        </table>

                        <ul id="paginationControls" class="pagination justify-content-center mt-3"></ul>

                    </div>
                    {{-- ********** table ********* --}}
                </div>
            </div>
        </div>
    </div>

    <script nonce="{{ $cspNonce }}" src="{{ asset('public/js/jquery-3.6.0.min.js') }}"></script>
        <script nonce="{{ $cspNonce }}" src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
        <script nonce="{{ $cspNonce }}" src="{{ asset('js/Reallocation.js') }}"></script>
        <script nonce="{{ $cspNonce }}" src="{{ asset('js/savereallocation.js') }}"></script>
@endsection