@extends('layouts.app')

@section('head')
    <style>
        form {
            width: 100%;
            max-width: 500px;
            margin: 0 auto;
        }

        label {
            display: block;
            margin-top: 20px;
        }

        input,
        textarea {
            width: 100%;
            padding: 10px;
            margin-top: 5px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        input[type="submit"] {
            margin-top: 20px;
            background-color: green;
            color: white;
        }


    </style>
@endsection
@section('content')
<div class="container">

 <form>
  <div>
    <label for="eventTitle">Event:</label>
          <p>No billet found for the given ID.</p>
      </div>
  
  <div>
    <label for="eventDate">Date:</label>
          <p>No billet found for the given ID.</p>
    
  </div>
  
  
</form>
<br>
<div class="row mt-3">
    <div class="col-md-12" style="float: right;">
        <a type="button" class="btn btn-primary" style="float: right;" href="https://c.ats-logiciel.com/cabs/public/fullcalender">
            Annule
        </a>
     
    </div>
    
    <form id="deleteForm" action="{{ route('evenst.destroy',  ['evenst' => $evenst->id]) }}" method="POST" style="
        float: right;">
                @csrf
                            @method('DELETE')
                            <button type="button" class="btn btn-danger" id="suppButton" onclick="confirmDelete()">Supprimer</button>
                            </form>
 
</div>
 
</div>

<script>

const urlParams = new URLSearchParams(window.location.search);


const dateParam = urlParams.get('date');


const dateField = document.getElementById('date');

if (dateParam) {
  dateField.value = dateParam;
} else {
  console.error('Date parameter is missing in the URL');
}




function getParameterByName(name, url) {
            if (!url) url = window.location.href;
            name = name.replace(/[\[\]]/g, '\\$&');
            var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
                results = regex.exec(url);
            if (!results) return null;
            if (!results[2]) return '';
            return decodeURIComponent(results[2].replace(/\+/g, ' '));
        }

        var eventDataString = getParameterByName('event');

        if (eventDataString) {
       
            var eventData = JSON.parse(eventDataString);

       
            document.getElementById('title').value = eventData.title;
            document.getElementById('start').value = eventData.start;
            document.getElementById('end').value = eventData.end;
            document.getElementById('description').value = eventData.extendedProps.description;
    
        } else {
            console.error('No event data found in the query parameter.');
        }


        function confirmDelete() {
            var userConfirmed = confirm("Êtes-vous sûr? La suppression est irréversible!");
            if (userConfirmed) {
                // If user confirms, submit the form
                document.getElementById("deleteForm").submit();
            }
        }
</script>
@endsection