<?php
use Livewire\Component;
use App\Models\ReportQuarter;
use App\Models\ActivitParaScolaire;
use App\Services\RepportService;
use App\Services\Chapter3Service;
?>

<div>
    <div class="card-header my-0 pb-0">
        <div class="d-flex justify-content-between">
            <h6>a - Activités des Clubs et Associations</h6>
            <span>
                <button wire:click="myInput" class="btn btn-inverse btn-outline-inverse btn-sm py-1 mt-0" title="Edit Info" data-toggle="modal" data-target="#assoModal">
                <i class="fas fa-pen m-0"></i>
                </button>
            </span>
        </div>
    </div>
    <div class="card-body table-border-style mt-2">
        @include('partials.chapter3._table_2', [
            'data' => $data,
            'title' => 'Clubs et assocaitions',
        ])
    </div>
    <!-- @Modal -->
    <div wire:ignore.self class="modal fade" id="assoModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg modal-dialog-centered" role="document" style="max-width: 70%;">
            <div class="modal-content">
                <div class="modal-header bg-dark py-2">
                    <h4 class="modal-title">Activités des Clubs et Associations</h4>
                    <strong style="font-size: 17px">
                        {{ count($input) ? 'Edit':'Add' }}
                        <i class="fas fa-pencil-alt my-0"></i>
                    </strong>
                </div>
                @include('partials.chapter3._form',[
                    'url' => $type,
                    'theme' => '4_a',
                    'educs' => $educs,
                    'id1' => 'clbs_a_',
                    'id2' => 'dtd_a_',
                    'id3' => 'dtf_a_',
                    'id4' => 'cls_a_',
                    'id5' => 'std_a_',
                    'id6' => 'educ_a_',
                    'datas' => $input,
                    'let' => 'a'
                ])
            </div>
        </div>
    </div>
</div>