@extends('layouts.app')

@section('content')
<div class="card w-4/5">
    <div class="card-head">
        <div class="font-semibold text-cyan-900 uppercase">
            <i class="fal fa-address-book mr-1"></i>
            Plan comptable
        </div>
    </div>
    <div class="card-body">
        <x-alert></x-alert>
        <div class="flex space-x-3 uppercase font-semibold text-sm text-gray-700 mb-2">
            <a href="@if($classe!='actif') {{route('cp.plancompte.index', 'actif')}}
                @else # @endif" class="@if($classe=='actif') text-orange-500 @endif hover:text-orange-600">Actif</a>
            <a href="@if($classe!='passif') {{route('cp.plancompte.index', 'passif')}}
                @else # @endif" class="@if($classe=='passif') text-orange-500 @endif hover:text-orange-600">Passif</a>
            <a href="@if($classe!='result') {{route('cp.plancompte.index', 'result')}}
                @else # @endif" class="@if($classe=='result') text-orange-500 @endif hover:text-orange-600"">Compte de résultat</a>
        </div>
        <div class="card-content pt-5 pb-10">
            <div class="overflow-auto" style="max-height: 35rem;">
                <table class="table table-hover">
                    <thead>
                        <tr class="uppercase">
                            <th class="text-left">Code</th>
                            <th class="text-left">Libellé</th>
                            <th></th>
                        </tr>
                    </thead>
                    @foreach($rubriques as $id_rubrique =>$items)
                    
                        <tr class="bg-gray-300 font-semibold">
                            <td class="text-left">{{ $id_rubrique }}</td>
                            <td class="text-left">{{ $items->title }}</td>
                            <td class="text-right">
                                <a href="{{route('cp.plancompte.create', ['rubrique'=>$id_rubrique])}}" class="mr-2 text-orange-700">
                                    <i class="fal fa-plus-circle fa-lg"></i>
                                </a>
                                <a href="" class="mr-2">
                                    <i class="fal fa-folder-open"></i>
                                </a>
                                <a href="" class="mr-2">
                                    <i class="fal fa-minus"></i>
                                </a>
                            </td>
                        </tr>

                        @php 
                            $comptes = key_exists($id_rubrique, $planComptes) ? $planComptes[$id_rubrique] : []; 
                        @endphp

                        @if(count($comptes) > 0)

                            @foreach ($comptes as $id_compte => $compte)
                                <tr>
                                    <td class="text-left font-normal">{{ $id_compte }}</td>
                                    <td class="text-left font-normal">{{ $compte->title }}</td>
                                    <td class="text-right">
                                        <a href="#" class="mr-2 text-gray-300">
                                            <i class="fal fa-plus-circle fa-lg"></i>
                                        </a>
                                        <a href="{{route('cp.plancompte.show', [
                                            'id_compte' =>$id_compte,
                                            'classe'    =>$classe,
                                        ])}}" class="mr-2">
                                            <i class="fal fa-folder-open"></i>
                                        </a>
                                        <a href="{{route('cp.plancompte.edit', [
                                            'id_compte' =>$id_compte,
                                            'classe'    =>$classe,
                                        ])}}" class="mr-2">
                                            <i class="fal fa-edit"></i>
                                        </a>
                                    </td>
                                </tr>
                                @foreach ($compte->child as $item)
                                    <tr>
                                        <td class="text-left"><span class="text-cyan-600">{{ $item->id_compte }}</span></td>
                                        <td class="text-left"><span class="text-cyan-600">{{ $item->libelle_compte }}</span></td>
                                        <td class="text-right">
                                            {{-- <a href="#" class="mr-2 text-gray-300">
                                                <i class="fal fa-plus-circle fa-lg"></i>
                                            </a> --}}
                                            <a href="{{route('cp.plancompte.show', [
                                                'id_compte' =>$item->id_compte,
                                                'classe'    =>$classe,
                                            ])}}" class="mr-2">
                                                <i class="fal fa-folder-open"></i>
                                            </a>
                                            <a href="{{route('cp.plancompte.edit', [
                                                'id_compte' =>$item->id_compte,
                                                'classe'    =>$classe,
                                            ])}}" class="mr-2">
                                                <i class="fal fa-edit"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @endforeach                                
                            @endforeach

                        @endif

                        @foreach($items->child as $rubrique)
                            <tr class="bg-gray-300 font-semibold">
                                <td class="text-left">{{$rubrique->id_rubrique}}</td>
                                <td class="text-left">{{$rubrique->libelle_rubrique}}</td>  
                                <td class="text-right">
                                    <a href="" class="mr-2 text-orange-700">
                                        <i class="fal fa-plus-circle fa-lg"></i>
                                    </a>
                                    <a href="" class="mr-2">
                                        <i class="fal fa-folder-open"></i>
                                    </a>
                                </td>
                            </tr>

                            @php 
                                $comptes = key_exists($rubrique->id_rubrique, $planComptes) ? $planComptes[$rubrique->id_rubrique] : []; 
                            @endphp

                            @if(count($comptes) > 0)

                                @foreach ($comptes as $id_compte => $compte)
                                    <tr>
                                        <td class="text-left">{{ $id_compte }}</td>
                                        <td class="text-left font-semibold">{{ $compte->title }}</td>
                                        <td class="text-right">
                                            <a href="" class="mr-2 text-gray-300">
                                                <i class="fal fa-plus-circle fa-lg"></i>
                                            </a>
                                            <a href="{{route('cp.plancompte.show', [
                                                'id_compte' =>$id_compte,
                                                'classe'    =>$classe,
                                            ])}}" class="mr-2">
                                                <i class="fal fa-folder-open"></i>
                                            </a>
                                            <a href="{{route('cp.plancompte.show', [
                                                'id_compte' =>$id_compte,
                                                'classe'    =>$classe,
                                            ])}}" class="mr-2">
                                                <i class="fal fa-book"></i>
                                            </a>
                                            <a href="{{route('cp.plancompte.edit', [
                                                'id_compte' =>$id_compte,
                                                'classe'    =>$classe,
                                            ])}}" class="mr-2">
                                                <i class="fal fa-edit"></i>
                                            </a>
                                        </td>
                                    </tr>
                                    @foreach ($compte->child as $item)
                                        <tr>
                                            <td class="text-left"><span class="text-cyan-700">{{ $item->id_compte }}</span></td>
                                            <td class="text-left">{{ $item->libelle_compte }}</td>
                                            <td class="text-right">
                                                <a href="{{route('cp.plancompte.show', [
                                                    'id_compte' =>$item->id_compte,
                                                    'classe'    =>$classe,
                                                ])}}" class="mr-2">
                                                    <i class="fal fa-folder-open"></i>
                                                </a>
                                                <a href="{{route('cp.plancompte.show', [
                                                    'id_compte' =>$item->id_compte,
                                                    'classe'    =>$classe,
                                                ])}}" class="mr-2">
                                                    <i class="fal fa-book"></i>
                                                </a>
                                                <a href="{{route('cp.plancompte.edit', [
                                                    'id_compte' =>$item->id_compte,
                                                    'classe'    =>$classe,
                                                ])}}" class="mr-2">
                                                    <i class="fal fa-edit"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach                                
                                @endforeach

                            @endif

                        @endforeach
                    @endforeach
                </table>
            </div>
        </div>
    </div>
</div>
<x-form-modal>
    <x-slot name="title">
        Nouvel exercice
    </x-slot>
    <form id="frmExo" method="post" action="{{route('cp.exo.store')}}" class="w-full">
        @csrf
        <input type="text" name="exo" id="exo" value="{{old('exo')}}" class="form-control" placeholder="Saisir la nouvelle année">
    </form>
    <x-slot name="footer">
        <button id="btnValider" class="btn btn-warning">
            <i class="fal fa-check mr-1"></i>
            Valider
        </button>
        <button id="btnNo" class="btn btn-dark btn-modal-close">
            <i class="fal fa-check mr-2"></i>
            Annuler
        </button>
    </x-slot>
</x-form-modal>


@endsection

@section('script')
    <script>
        document.getElementById('btnNew').addEventListener('click', function(e){
            e.preventDefault();
            let eltModal = document.querySelector('.modal');
            eltModal.classList.remove('hidden');
            eltModal.classList.add('flex');
        })
        document.getElementById('btnValider').addEventListener('click', function(){
            document.getElementById('frmExo').submit()
        })
    </script>
@endsection