@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-books mr-1"></i>
            Compte
        </div>
        <div class="text-gray-500">
            <a href="{{route('cp.plancompte.create', ['rubrique'=>$compte->rubrique_id])}}" class=" hover:text-orange-500 mr-2">
                <i class="fal fa-plus fa-lg"></i>
            </a>
            <a href="{{route('cp.plancompte.index', $classe)}}" class=" hover:text-orange-500 mr-2">
                <i class="fal fa-list fa-lg"></i>
            </a>
            @if(!empty( $compte->id_compte))
            <a href="{{route('cp.plancompte.edit', $compte->id_compte)}}" class=" hover:text-orange-500">
                <i class="fal fa-edit fa-lg"></i>
            </a>
            @endif
        </div>
    </div>
    <div class="card-body">
        <x-alert></x-alert>
        <div class="card-content mb-3">
            <table class="table table-simple">
                <tr class="text-cyan-700">
                    <td class="text-left">N° Compte</td>
                    <td class="text-left">Libellé</td>
                    <td class="text-center">Parent</td>
                </tr>
                <tr class="font-bold uppercase">
                    <td>{{$compte->id_compte}}</td>
                    <td>{{$compte->libelle_compte}}</td>
                    <td class="text-center">
                        @if($compte->parent != '0')
                            <a href="{{route('cp.plancompte.show', $compte->parent)}}" class="text-cyan-600 underline hover:text-cyan-500">{{$compte->parent}}</a>
                        @else 
                            -
                        @endif
                    </td>
                </tr>
            </table>
            <div class="flex items-center py-2 space-x-5 mt-3 border-b">
                <a href="#" class="text-gray-500">
                    @if($compte->front_office == '1')
                        <span class="text-green-500"><i class="fad fa-check-circle fa-lg"></i></span>
                    @endif
                    @if($compte->front_office == '0')
                        <span class="text-red-500"><i class="fad fa-times-circle fa-lg"></i></span>
                    @endif
                    Front office
                </a>
                <a href="#" class="text-gray-500">
                    @if($compte->lettrage == '1')
                        <span class="text-green-500"><i class="fad fa-check-circle fa-lg"></i></span>
                    @endif
                    @if($compte->lettrage == '0')
                        <span class="text-red-500"><i class="fad fa-times-circle fa-lg"></i></span>
                    @endif
                    Lettrage
                </a>
                <a href="#" class="text-gray-500">
                    @if($compte->regulariser == '1')
                        <span class="text-green-500"><i class="fad fa-check-circle fa-lg"></i></span>
                    @endif
                    @if($compte->regulariser == '0')
                        <span class="text-red-500"><i class="fad fa-times-circle fa-lg"></i></span>
                    @endif
                    Suivi de compte
                </a>
            </div>
            <div class="flex w-full text-cyan-700 text-md mt-5 mb-2">
                {!! $compte->description !!}
            </div>
        </div>

    </div>
</div>
<x-msg-box>
    <x-slot name="title">
        Plan comptable
    </x-slot>
    @if($compte->front_office == 'N')
        Voulez vous utilser ce compte pour les écritures en front-office ?
    @else
        Voulez vous interdir l'utilastion de  ce compte pour les écritures en front-office ?
    @endif
</x-msg-box>
@endsection

@section('script')
    <script>
        document.getElementById("frmCompte").addEventListener("submit", function(e){
            e.preventDefault();
        });

        document.getElementById("btnFOF").addEventListener("click", function(e){
            e.preventDefault();
            Modal("#MsgBox", "show");
            document.getElementById("btnYes").focus();

        })
        document.getElementById("btnYes").addEventListener("click", function(e){
            e.preventDefault();
            document.getElementById("frmCompte").submit();
        });
    </script>
@endsection