@extends('livewire.forms.input-template')

@section('auto-update')
@parent
    <div>
        @php $event=$input->event @endphp
        <div class="input-group mb-3">
            <span class="input-group-text" id="basic-addon1">Frequence: Tout(es) les </span>
            <input wire:model.lazy="inputsData.{{ $key }}.{{ $input->id }}.value.frequency" type="number"
                min="1" max="365">
            <select class="form-select" aria-label="Default select example"
                wire:model.lazy="inputsData.{{ $key }}.{{ $input->id }}.value.frequency_unit">
                <option value="year">An(s)</option>
                <option value="month">Mois</option>
                <option value="week">Semaine(s)</option>
                <option value="day">Jour(s)</option>
            </select>
        </div>

        <div class="row">
            <div class="col-md-6">
                <div class="input-group mb-3">
                    <span class="input-group-text" id="basic-addon1">Debut:</span>
                    <input wire:model.lazy="inputsData.{{ $key }}.{{ $input->id }}.value.start_date"
                        class="form-control date-picker" type="datetime-local">
                </div>
            </div>
            <div class="col-md-5">
                <div class="input-group mb-3">
                    <span class="input-group-text" id="basic-addon1">Fin:</span>
                    <input wire:model.lazy="inputsData.{{ $key }}.{{ $input->id }}.value.end_date"
                        class="form-control" type="datetime-local">
                </div>
            </div>
            <div class="col-md-1">
                <button wire:click.prevent="setToNull({{ $input->id }},{{ $key }})"
                    class="btn btn-secondary btn-sm form-control">Null</button>
            </div>
        </div>

        <div class="input-group mb-3">
            <span class="input-group-text" id="basic-addon1">Message:</span>
            <input wire:model.lazy="inputsData.{{ $key }}.{{ $input->id }}.value.message" class="form-control"
                type="text">
        </div>
    </div>
@overwrite

@section('pending')
@parent
    @php $event=$input->event() @endphp
    <div>
        <div class="input-group mb-3">
            <span class="input-group-text" id="basic-addon1">Frequence: Tout(es) les </span>
            <input wire:model.defer="inputsData.{{ $key }}.{{ $input->id }}.value.frequency" type="number"
                min="1" max="365">
            <select class="form-select" aria-label="Default select example"
                wire:model.defer="inputsData.{{ $key }}.{{ $input->id }}.value.frequency_unit">
                <option value="an">An(s)</option>
                <option value="semaine">Semaine(s)</option>
                <option value="jour">Jour(s)</option>
            </select>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="input-group mb-3">
                    <span class="input-group-text" id="basic-addon1">Debut:</span>
                    <input wire:model.defer="inputsData.{{ $key }}.{{ $input->id }}.value.start_date"
                        class="form-control" type="datetime-local">
                </div>
            </div>
            <div class="col-md-6">
                <div class="input-group mb-3">
                    <span class="input-group-text" id="basic-addon1">Fin:</span>
                    <input wire:model.defer="inputsData.{{ $key }}.{{ $input->id }}.value.end_date"
                        class="form-control" type="datetime-local">
                </div>
            </div>
        </div>
        <div class="input-group mb-3">
            <span class="input-group-text" id="basic-addon1">Message:</span>
            <input wire:model.defer="inputsData.{{ $key }}.{{ $input->id }}.value.message"
                class="form-control" type="text">
        </div>
    </div>
  @overwrite 

    @section('render')
        @php $event = $input->event()->first() @endphp
        @if ($event)
            <strong><i class="fas fa-calendar-day pr-1"> </i>{{ $input->display_name }}</strong>
            <p>Frequence : {{ $event->frequency }}/{{ $event->frequency_unit }}</p>
            <p>{{ $event->start_date }} : {{ $event->end_date }}</p>
            <p>{{ $event->message }}</p>
        @endif

    @overwrite 


    @section ('display')
        @php $event = $input->event()->first() @endphp
        @if ($event)
            <p>Frequence : {{ $event->frequency }}/{{ $event->frequency_unit }}</p>
            <p>{{ $event->start_date }} : {{ $event->end_date }}</p>
            <p>{{ $event->message }}</p>
        @endif
    @overwrite 


    @section ('other')
        @php $event = $input->event()->first() @endphp
        @if ($event)
            <p>Frequence : {{ $event->frequency }}/{{ $event->frequency_unit }}</p>
            <p>{{ $event->start_date }} : {{ $event->end_date }}</p>
            <p>{{ $event->message }}</p>
        @endif
    @overwrite