@extends('layouts.app')

@section('content')

<script src="{{ asset('js/paiment.js') }}"></script>

<link rel="stylesheet" href="{{asset('css/paiement.css')}}">

<form class="payment-form" action="https://payment.hipay.com/index/link" method="post" target="_blank">
    <h3>Formulaire de paiement</h3>
    <br>
    <p>Adhésion (obligatoire) : 16€</p>
    <input type="radio" name="adhesion" id="adhesion_oui" value="oui" checked readonly>
    <label for="adhesion_oui">Oui</label>
    <p>Frais de service (obligatoire) : 27€</p>
    <input type="radio" name="frais_service" id="frais_service_oui" value="oui" checked readonly>
    <label for="frais_service_oui">Oui</label>
    <p>Adhésion deuxième parent (facultatif) : 8€</p>
    <div class="option-group">
        <input type="radio" name="deuxieme_parent" id="deuxieme_parent_oui" value="oui">
        <label for="deuxieme_parent_oui">Oui</label>
        <input type="radio" name="deuxieme_parent" id="deuxieme_parent_non" value="non" checked>
        <label for="deuxieme_parent_non">Non</label>
    </div>
    <label for="amount">Montant à payer : </label>
    <input type="text" id="amount" name="amount" value="43 €" readonly/>

    <input type="checkbox" name="conditions_uilitsation" id="conditions_uilisatation" value="oui" required>
    <label for="conditions_uilisatation">En cochant cette case, je reconnais avoir pris connaissance des <a href = "/conditions"> conditions d'utilisations</a></label>
    <br/>
    <input type="checkbox" name="valeurs" id="valeurs" value="oui" required>
    <label for="conditions_uilisatation">En cochant cette case, je reconnais avoir pris connaissance et adhérer aux <a href = "/valeurs"> valeurs de la FCPE</a></label>

    <br/>
    <input type="hidden" name="id" value="666951bb06493" />
    <input type="image" class="submit-btn" name="hipay_payment_button" src="https://i.ibb.co/85P2QQK/bouton-fcpe-removebg-preview.png" style="width: 150px; height: auto;" />
</form>

@endsection