@extends('app')
@section('title', 'material')
@section('content')
<div class="pcoded-inner-content">
    @include('includes._alert')
    <div class="main-body">
        <div class="page-wrapper">
            <div class="page-body">
                <div class="row">
                    <div class="col-sm-12"> 
                        <div class="card">
                            <div class="card-header mb-0 pb-0">
                                <div class="d-flex justify-content-between">
                                    <h4>Elèves Par Nationalité</h4>
                                    <span>
                                        <a href="{{route('raport.index')}}" class="btn btn-inverse btn-outline-inverse  btn-sm py-1" title="Return Back"><i class="fas fa-reply mx-0"></i></a>
                                    </span> 
                                </div>
                            </div>
                            <hr class="mx-3 mt-0">
                            <div class="card-block">
                                <div class="row">
                                    <div class="col-md-12">
                                        <form action="{{ route('raport.store') }}" method="post">
                                            @csrf
                                            <input type="hidden" name="val" value="5">
                                            <div class="form-group">
                                                <table class="table table-bordered my-2">
                                                    <head>
                                                        <tr class="m-0 p-0">
                                                            <th class="mb-0 mx-0 pb-0 px-0" style="width: 10%"></th>
                                                            <th class="text-center mb-0 mx-0 pb-0 px-0" style="width: 30%">
                                                                IVOIRIENS
                                                                <table class="table m-0">
                                                                    <thead>
                                                                        <tr class="m-0 py-0">
                                                                            <th class="text-center py-1" style="width: 50%">Garçons</th>
                                                                            <th class="text-center py-1" style="width: 50%">Filles</th>
                                                                        </tr>
                                                                    </thead>
                                                                </table>
                                                            </th>
                                                            <th class="text-center mb-0 mx-0 pb-0 px-0" style="width: 30%">
                                                                Etrangers-Africains
                                                                <table class="table m-0">
                                                                    <thead>
                                                                        <tr class="m-0 py-0">
                                                                            <th class="text-center py-1" style="width: 50%">Garçons</th>
                                                                            <th class="text-center py-1" style="width: 50%">Filles</th>
                                                                        </tr>
                                                                    </thead>
                                                                </table>
                                                            </th>
                                                            <th class="text-center mb-0 mx-0 pb-0 px-0" style="width: 30%">
                                                                Etrangers Non-Africains
                                                                <table class="table m-0">
                                                                    <thead>
                                                                        <tr class="m-0 py-0">
                                                                            <th class="text-center py-1" style="width: 50%">Garçons</th>
                                                                            <th class="text-center py-1" style="width: 50%">Filles</th>
                                                                        </tr>
                                                                    </thead>
                                                                </table>
                                                            </th>
                                                        </tr>
                                                    </head>
                                                    <body>
                                                        <tr class="m-0 p-0">
                                                            <th class="text-center m-0 p-0">
                                                                <p class="my-2">6eme</p>
                                                            </th>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col1[1]" id="6eme_ig" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col2[1]" id="6eme_if" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col3[1]" id="6eme_ag" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col4[1]" id="6eme_af" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col5[1]" id="6eme_ng" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col6[1]" id="6eme_nf" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                        <tr class="m-0 p-0">
                                                            <th class="text-center m-0 p-0">
                                                                <p class="my-2">5eme</p>
                                                            </th>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col1[2]" id="5eme_ig" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col2[2]" id="5eme_if" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col3[2]" id="5eme_ag" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col4[2]" id="5eme_af" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col5[2]" id="5eme_ng" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col6[2]" id="5eme_nf" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                        <tr class="m-0 p-0">
                                                            <th class="text-center m-0 p-0">
                                                                <p class="my-2">4eme</p>
                                                            </th>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col1[3]" id="4eme_ig" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col2[3]" id="4eme_if" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col3[3]" id="4eme_ag" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col4[3]" id="4eme_af" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col5[3]" id="4eme_ng" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col6[3]" id="4eme_nf" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                        <tr class="m-0 p-0">
                                                            <th class="text-center m-0 p-0">
                                                                <p class="my-2">3eme</p>
                                                            </th>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col1[4]" id="3eme_ig" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col2[4]" id="3eme_if" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col3[4]" id="3eme_ag" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col4[4]" id="3eme_af" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col5[4]" id="3eme_ng" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col6[4]" id="3eme_nf" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                        </tr>

                                                        <tr class="m-0 p-0" style="visibility: collapse;">
                                                            <th class="text-center m-0 p-0">
                                                                <p class="my-2">Cycle 1</p>
                                                            </th>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col1[5]" id="total1_ig" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col2[5]" id="total1_if" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col3[5]" id="total1_ag" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col4[5]" id="total1_af" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col5[5]" id="total1_ng" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col6[5]" id="total1_nf" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                        </tr>

                                                        <tr class="m-0 p-0">
                                                            <th class="text-center m-0 p-0">
                                                                <p class="my-2">2nde</p>
                                                            </th>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col1[6]" id="2nde_ig" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col2[6]" id="2nde_if" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col3[6]" id="2nde_ag" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col4[6]" id="2nde_af" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col5[6]" id="2nde_ng" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col6[6]" id="2nde_nf" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                        </tr>

                                                        <tr class="m-0 p-0">
                                                            <th class="text-center m-0 p-0">
                                                                <p class="my-2">1ere</p>
                                                            </th>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col1[7]" id="1ere_ig" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col2[7]" id="1ere_if" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col3[7]" id="1ere_ag" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col4[7]" id="1ere_af" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col5[7]" id="1ere_ng" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col6[7]" id="1ere_nf" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                        </tr>

                                                        <tr class="m-0 p-0">
                                                            <th class="text-center m-0 p-0">
                                                                <p class="my-2">Tle</p>
                                                            </th>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col1[8]" id="tle_ig" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col2[8]" id="tle_if" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col3[8]" id="tle_ag" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col4[8]" id="tle_af" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col5[8]" id="tle_ng"  class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col6[8]" id="tle_nf" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                        </tr>

                                                        <tr class="m-0 p-0" style="visibility: collapse;">
                                                            <th class="text-center m-0 p-0">
                                                                <p class="my-2">Cycle 2</p>
                                                            </th>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col1[9]" id="total2_ig" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col2[9]" id="total2_if" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col3[9]" id="total2_ag" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col4[9]" id="total2_af" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col5[9]" id="total2_ng" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col6[9]" id="total2_nf" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                        </tr>

                                                        <tr class="m-0 p-0" style="visibility: collapse;">
                                                            <th class="text-center m-0 p-0">
                                                                <p class="my-2">Total Général</p>
                                                            </th>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col1[10]" id="general_ig" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col2[10]" id="general_if" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col3[10]" id="general_ag" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col4[10]" id="general_af" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                            <td class="text-center m-0 p-0">
                                                                <table class="table m-0">
                                                                    <body>
                                                                        <tr class="m-0 p-0">
                                                                            <td class="m-0 p-0" style="width: 50%">
                                                                                <table class="table m-0">
                                                                                <body>
                                                                                    <tr class="m-0 p-0">
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col5[10]" id="general_ng" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                        <td class="m-0 p-0" style="width: 50%"><input type="text" name="col6[10]" id="general_nf" class="form-control number text-center" value="00" style="border: none"></td>
                                                                                    </tr>
                                                                                </body>
                                                                            </table>
                                                                            </td>
                                                                        </tr>
                                                                    </body>
                                                                </table>
                                                            </td>
                                                        </tr>

                                                    </body>
                                                </table>
                                            </div>
                                            <hr class="text-center mt-lg-5">
                                            <div class="text-center py-3">
                                                <button type="submit" class="btn btn-inverse btn-outline-inverse py-1"> <i class="fas fa-check-circle"></i> Valider les informations</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('script')
    <script src="{{ asset('assets/js/pcoded.min.js') }}"></script>
    <script src="{{ asset('assets/js/vartical-layout.min.js') }}"></script>
    <script src="{{ asset('assets/js/jquery.mCustomScrollbar.concat.min.js') }}"></script>
    <script>
        $(document).ready(function() {

            $('.number').on('keypress', function(e) {
                var charCode = e.which ? e.which : e.keyCode;
                if (charCode < 48 || charCode > 57) {
                    e.preventDefault(); // Empêche la saisie si ce n'est pas un chiffre
                }
            });

            // Les Garçons Ivoiriens du 1er Cycle
            $('#6eme_ig, #5eme_ig, #4eme_ig, #3eme_ig').on('keyup', function() {
                $val1 = $('#6eme_ig').val();
                $val2 = $('#5eme_ig').val();
                $val3 = $('#4eme_ig').val();
                $val4 = $('#3eme_ig').val();
                calculTotalCycle1($val1, $val2, $val3, $val4, 'total1_ig');
            });


            // Les Fille Ivoiriennes du 1er Cycle
            $('#6eme_if, #5eme_if, #4eme_if, #3eme_if').on('keyup', function() {
                $val1 = $('#6eme_if').val();
                $val2 = $('#5eme_if').val();
                $val3 = $('#4eme_if').val();
                $val4 = $('#3eme_if').val();
                calculTotalCycle1($val1, $val2, $val3, $val4,'total1_if' );
            });


            // Les Garçons Etrangers Africains du 1er Cycle
            $('#6eme_ag, #5eme_ag, #4eme_ag, #3eme_ag').on('keyup', function() {
                $val1 = $('#6eme_ag').val();
                $val2 = $('#5eme_ag').val();
                $val3 = $('#4eme_ag').val();
                $val4 = $('#3eme_ag').val();
                calculTotalCycle1($val1, $val2, $val3, $val4, 'total1_ag');
            });


            // Les Fille Etrangeres Africaines du 1er Cycle
            $('#6eme_af, #5eme_af, #4eme_af, #3eme_af').on('keyup', function() {
                $val1 = $('#6eme_af').val();
                $val2 = $('#5eme_af').val();
                $val3 = $('#4eme_af').val();
                $val4 = $('#3eme_af').val();
                calculTotalCycle1($val1, $val2, $val3, $val4,'total1_af' );
            });


            // Les Garçons Etrangers Non-Africains du 1er Cycle
            $('#6eme_ng, #5eme_ng, #4eme_ng, #3eme_ng').on('keyup', function() {
                $val1 = $('#6eme_ng').val();
                $val2 = $('#5eme_ng').val();
                $val3 = $('#4eme_ng').val();
                $val4 = $('#3eme_ng').val();
                calculTotalCycle1($val1, $val2, $val3, $val4, 'total1_ng');
            });


            // Les Fille Etrangeres Non-Africaines du 1er Cycle
            $('#6eme_nf, #5eme_nf, #4eme_nf, #3eme_nf').on('keyup', function() {
                $val1 = $('#6eme_nf').val();
                $val2 = $('#5eme_nf').val();
                $val3 = $('#4eme_nf').val();
                $val4 = $('#3eme_nf').val();
                calculTotalCycle1($val1, $val2, $val3, $val4,'total1_nf' );
            });



            // --------------------- Cycle II -------------------------------------------- //

            // Les Garçons Ivoiriens du 1er Cycle
            $('#2nde_ig, #1ere_ig, #tle_ig').on('keyup', function() {
                $val1 = $('#2nde_ig').val();
                $val2 = $('#1ere_ig').val();
                $val3 = $('#tle_ig').val();
                calculTotalCycle2($val1, $val2, $val3, 'total2_ig');
            });


            // Les Fille Ivoiriennes du 1er Cycle
            $('#2nde_if, #1ere_if, #tle_if').on('keyup', function() {
                $val1 = $('#2nde_if').val();
                $val2 = $('#1ere_if').val();
                $val3 = $('#tle_if').val();
                calculTotalCycle2($val1, $val2, $val3,'total2_if' );
            });


            // Les Garçons Etrangers Africains du 1er Cycle
            $('#2nde_ag, #1ere_ag, #tle_ag').on('keyup', function() {
                $val1 = $('#2nde_ag').val();
                $val2 = $('#1ere_ag').val();
                $val3 = $('#tle_ag').val();
                calculTotalCycle2($val1, $val2, $val3, 'total2_ag');
            });


            // Les Fille Etrangeres Africaines du 1er Cycle
            $('#2nde_af, #1ere_af, #tle_af').on('keyup', function() {
                $val1 = $('#2nde_af').val();
                $val2 = $('#1ere_af').val();
                $val3 = $('#tle_af').val();
                calculTotalCycle2($val1, $val2, $val3,'total2_af' );
            });


            // Les Garçons Etrangers Non-Africains du 1er Cycle
            $('#2nde_ng, #1ere_ng, #tle_ng').on('keyup', function() {
                $val1 = $('#2nde_ng').val();
                $val2 = $('#1ere_ng').val();
                $val3 = $('#tle_ng').val();
                calculTotalCycle2($val1, $val2, $val3, 'total2_ng');
            });


            // Les Fille Etrangeres Non-Africaines du 1er Cycle
            $('#2nde_nf, #1ere_nf, #tle_nf').on('keyup', function() {
                $val1 = $('#2nde_nf').val();
                $val2 = $('#1ere_nf').val();
                $val3 = $('#tle_nf').val();
                calculTotalCycle2($val1, $val2, $val3, 'total2_nf' );
            });



            function calculTotalCycle1($val1 = 0, $val2 = 0, $val3 = 0, $val4 = 0, $total){
                $somes = ($val1 ? parseInt($val1):0)+($val2 ? parseInt($val2):0)+
                ($val3 ? parseInt($val3):0)+($val4 ? parseInt($val4):0);
                $('#'+$total).val($somes);
                calculGeneral($total);
            }


            function calculTotalCycle2($val1 = 0, $val2 = 0, $val3 = 0, $total){
                $somes = ($val1 ? parseInt($val1):0)+($val2 ? parseInt($val2):0)+
                ($val3 ? parseInt($val3):0);
                $('#'+$total).val($somes);
                calculGeneral($total);
            }


            function calculGeneral($val){
                $vals = $val.split('_');
                $total1 = $('#total1_'+$vals[1]).val();
                $total2 = $('#total2_'+$vals[1]).val();

                $total = ($total1 ? parseInt($total1):0) + ($total2 ? parseInt($total2):0);
                $('#general_'+$vals[1]).val($total);
            }
        });
    </script>
@endsection