@php
    $planningController = new App\Http\Controllers\PharmacyPlanningController();
    $plannings = $planningController->getPlanningByCurrentPharmacy();

    $week_days = [
        'Lundi',
        'Mardi',
        'Mercredi',
        'Jeudi',
        'Vendredi',
        'Samedi',
        'Dimanche'
    ];

@endphp

<div class="col-sm-12">
    <div class="iq-card iq-card-block iq-card-stretch ">
        <div class="iq-card mb-0 p-4">
            <div class="iq-card-header d-flex justify-content-between p-0 bg-white">
                <div class="iq-header-title">
                    <h4 class="card-title text-primary">Horaires</h4>
                </div>
                <div class="iq-card-header-toolbar d-flex align-items-center">
                    <button class="dropdown-toggle iq-bg-primary btn" type="button" data-toggle="modal" data-target="#pharmacy-planning">
                        <i class="ri-pencil-line m-0 text-primary"></i>
                    </button>
                </div>
            </div>
            <div class="iq-card-body p-0">
                <table style="display: inline-table" class="table mb-0 table-borderless table-box-shadow">
                    <tbody>
                        @foreach ($plannings as $planning)
                            <tr>
                                <td class="px-0">{{ $planning->day ?? '' }}</td>
                                <td class="px-0" style="text-align: right;">{{ $planning->start ?? '' }} - {{ $planning->end ?? '' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

            </div>
        </div>
    </div>
</div>

<!-- The Modal -->
<div class="modal" id="pharmacy-planning">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content">

        <!-- Modal Header -->
        <div class="modal-header">
            <h4 class="modal-title">Planning</h4>
            <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>

        <!-- Modal body -->
        <div class="modal-body">
            <form action="{{ route('pharmacy.planning.update') }}" method="post">
                @csrf
                @if (count($plannings) === 7)
                    @foreach ($plannings as $key => $planning)
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label for="day">Jour</label>
                                    <input type="text" readonly class="form-control" value="{{ $planning->day ?? '' }}" id="day" name="data[{{ $key }}][day]" required>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label for="email">Ouverture</label>
                                    <input type="time" class="form-control" name="data[{{ $key }}][start]" id="email1" value="{{ $planning->start }}" required>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label for="email">Fermeture</label>
                                    <input type="time" class="form-control" name="data[{{ $key }}][end]" id="email1" value="{{ $planning->end }}" required>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @else
                    @for ($i = 0; $i < 7; $i++)
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label for="day">Jour</label>
                                    <input type="text" readonly class="form-control" value="{{ $week_days[$i] }}" id="day" name="data[{{ $i }}][day]" required>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label for="email">Ouverture</label>
                                    <input type="time" class="form-control" name="data[{{ $i }}][start]" id="email1" value="" required>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="form-group">
                                    <label for="email">Fermeture</label>
                                    <input type="time" class="form-control" name="data[{{ $i }}][end]" id="email1" value="" required>
                                </div>
                            </div>
                        </div>
                    @endfor

                @endif

                <!-- Modal footer -->
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                    <button type="submit" class="btn btn-primary">Enregistrer</button>
                </div>
            </form>
        </div>
    </div>
  </div>
</div>