@if (Auth()->user()->type_user == 0)
    @include('error.error')
    @dd()
@else
    @extends('layouts.proprietaire.master')

    @section('title', 'Paramètres')

    @section('content')
        <div class="main-content">
            <section class="section">
                <h'on' class="section-header">
                    <div>@yield('title')</div>
                </h'on'>

                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ route('home') }}">Récaputilatifs</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('property.setting.index') }}">Paramètres</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Système</li>
                    </ol>
                </nav>
            </section>

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        @if ($systemes->count() > 0)
                            @foreach ($systemes as $systeme)
                                <div class="card-header">
                                    <a href="{{ route('property.setting.systeme.edit', ['id' => $systeme->id]) }}" class="btn btn-sm btn-primary">
                                        Modifier
                                    </a>
                                    <a href="{{ route('property.setting.systeme.delete', ['id' => $systeme->id]) }}" class="btn btn-sm btn-danger" onclick="return confirm('Vous ètes sur le point de supprimer un élément.')">
                                        Supprimer
                                    </a>
                                </div>
                            @endforeach

                            <div class="card-body">
                                <div class="list-unstyled list-unstyled-border mt-4">
                                    @foreach ($systemes as $systeme)
                                        <li class="media">
                                            @if ($systeme->depart == 'on')
                                                <div class="media-icon">
                                                    <i class="ion ion-ios-circle-filled"></i>
                                                </div>
                                            @else
                                                <div class="media-icon">
                                                    <i class="ion ion-ios-circle-outline"></i>
                                                </div>
                                            @endif
                                            <div class="media-body">
                                                <h6>Départ</h6>
                                                @if ($systeme->depart == 'on')
                                                    <p>Actif</p>
                                                @else
                                                    <p>Non actif</p>
                                                @endif
                                            </div>
                                        </li>

                                        <li class="media">
                                            @if ($systeme->repartition == 'on')
                                                <div class="media-icon">
                                                    <i class="ion ion-ios-circle-filled"></i>
                                                </div>
                                            @else
                                                <div class="media-icon">
                                                    <i class="ion ion-ios-circle-outline"></i>
                                                </div>
                                            @endif
                                            <div class="media-body">
                                                <h6>Répartition</h6>
                                                @if ($systeme->repartition == 'on')
                                                    <p>Actif</p>
                                                @else
                                                    <p>Non actif</p>
                                                @endif
                                            </div>
                                        </li>

                                        <li class="media">
                                            @if ($systeme->activites == 'on')
                                                <div class="media-icon">
                                                    <i class="ion ion-ios-circle-filled"></i>
                                                </div>
                                            @else
                                                <div class="media-icon">
                                                    <i class="ion ion-ios-circle-outline"></i>
                                                </div>
                                            @endif
                                            <div class="media-body">
                                                <h6>Activités</h6>
                                                @if ($systeme->activites == 'on')
                                                    <p>Actif</p>
                                                @else
                                                    <p>Non actif</p>
                                                @endif
                                            </div>
                                        </li>

                                        <li class="media">
                                            @if ($systeme->bons == 'on')
                                                <div class="media-icon">
                                                    <i class="ion ion-ios-circle-filled"></i>
                                                </div>
                                            @else
                                                <div class="media-icon">
                                                    <i class="ion ion-ios-circle-outline"></i>
                                                </div>
                                            @endif
                                            <div class="media-body">
                                                <h6>Bons</h6>
                                                @if ($systeme->bons == 'on')
                                                    <p>Actif</p>
                                                @else
                                                    <p>Non actif</p>
                                                @endif
                                            </div>
                                        </li>
                                    @endforeach
                                </div>
                            </div>
                        @else
                            <div class="card-body">
                                <div class="text-center">
                                    <p class="text-danger">Aucune donnée disponible.</p>
                                    <a href="{{ route('property.setting.systeme.create') }}" class="btn btn-sm btn-primary">Ajouter</a>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    @endsection
@endif