@extends('layouts.app')



@section('content')

    <h2>Pointages pour {{ $member->lastname . ' ' . $member->firstname }}</h2>

    <a class="btn btn-primary" href="{{ route('member.index') }}">Retour</a><br/><br/>

    <div id='calendar' style="max-width: 800px"></div>

    <br />

    <h2>Abonnements pour {{ $member->lastname . ' ' . $member->firstname }}</h2>

    <a class="btn btn-primary" href="{{ route('member.index') }}">Retour</a><br/><br/>

    <table class="table">

        <thead>

        <tr>

            <th style="width:5px; padding:0"></th>

            <th scope="col">Début</th>

            <th scope="col">Fin</th>

            <th scope="col">Coût</th>

            <th scope="col">Reste à payer</th>

            <th scope="col">Actions</th>

        </tr>

        </thead>

        <tbody>

        <tr>

            <td colspan="5" style="text-align: center"><a class="btn btn-primary" href="{{ route('add_subscription', $member) }}">Ajouter un abonnement</a></td>

        </tr>

        @foreach($subscribes as $sub)

            <tr class="row_result">

                <td style="width:3px; padding:0;background-color: @if($sub->is_good() == 1)

                    {{ '#28a745' }}

                @elseif($sub->is_good() == 0)

                    {{ '#dc3545' }}

                @else

                    {{ '#856404' }}

                @endif;"></td>

                <td>{{ $sub->get_date_start() }}</td>

                <td>{{ $sub->get_date_end() }}</td>

                <td>{{ number_format($sub->cost, 0, ',', ' ') }} Rps</td>

                <td>{{ number_format($sub->credit, 0, ',', ' ') }} Rps</td>

                <td>

                    <a class="btn btn-primary" href="{{ route('subscription_edit', $sub) }}">Modifier</a>

                    <a class="btn btn-secondary" href="{{ route('subscription_destroy', $sub) }}">Supprimer</a>

                </td>

            </tr>

        @endforeach

        @if(count($subscribes) == 0)

        <tr>

            <td style="text-align: center;font-size: 1.5em" colspan="5">Aucun Abonnement</td>

        </tr>

        @endif

        </tbody>

    </table>

    <script>



        document.addEventListener('DOMContentLoaded', function() {

            var calendarEl = document.getElementById('calendar');

            var calendar = new FullCalendar.Calendar(calendarEl, {

                initialView: 'dayGridMonth',

                events: '{{ route('list_event', $member) }}',

                locale: 'fr',

                timeZone: 'Asia/Hong_Kong',

            });

            calendar.render();

        });



    </script>

@endsection