@extends('layouts.app')

@section('content')
<div class="container-fluid">

    <a href="/avantages" class="discription">
        <img src="{{ asset('images/arrow_down.svg') }}" alt=""> Retour
    </a>
</div><br>
<div class="container-fluid">
    <form action="/avantages/update" method="post" enctype="multipart/form-data">
        @csrf

        <div class="card">
            <div class="card-header">
                <div class="d-flex justify-content-between">

                    <h2>Modifier Avantage : {{ $avantages->nom_coupon }}</h2>
                </div>


            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-9 col-md-9 col-12">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="exampleInputinterets1">Intérêts</label>
                                    <select class="form-select" aria-label="Default select example" name="interet">
                                        <option hidden>Sélectionner l'intérêt correspondant à votre avantage</option>
                                        @foreach ($interets as $interet)
                                        <option value="{{ $interet->id }}" @if ($avantages->interets == $interet->id) selected="selected" @endif>
                                            {{ $interet->nom_interet }}
                                        </option>
                                        @endforeach
                                    </select>
                                    @error('interet')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="form-group">
                                    <label class="col-form-label">Image</label>
                                    <input type="file" class="form-control @error('image') is-invalid @enderror" name="image" id="selectImage">
                                    <label class="col-form-label"><sub>Format acceptée : png, jpg</sub></label>
                                    @error('image')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>L’image n’a pas pu être importée correctement</strong>
                                    </span>
                                    @enderror
                                </div>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="inputEmail4" class="form-label label mb-12"><br>Type de réduction
                                        <sup>*</sup></label>
                                    <div style="display:flex">
                                        <div class="form-check" style="margin-right:25px">
                                            <input class="form-check-input @error('prtype') is-invalid @enderror" type="radio" name="prtype"
                                                id="exampleRadios1" value="1" @if($avantages->prtype == 1) checked @endif>
                                            <label class="form-check-label" for="exampleRadios1">
                                                Pourcentage
                                            </label>
                                            @error('prtype')
                                                <span class="invalid-feedback" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input @error('prtype') is-invalid @enderror" type="radio" name="prtype"
                                                id="exampleRadios2" value="0" @if($avantages->prtype != 1) checked @endif>
                                            <label class="form-check-label" for="exampleRadios2">
                                                Montant F CFA
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="exampleInputcategories1"><br>Réduction</label>
                                    <input type="text" class="form-control @error('pourcentage') is-invalid @enderror" id="exampleInputcategories1" aria-describedby="categoriesHelp" placeholder="Pourcentage de réduction" required name="pourcentage" value="{{ old('pourcentage', $avantages->pourcentage ?? '') }}">
                                    @error('pourcentage')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="exampleInputcategories1">Nom de l’avantage </label>
                                    <input type="text" class="form-control @error('nom_coupon') is-invalid @enderror" id="exampleInputcategories1" aria-describedby="categoriesHelp" placeholder="Entrer le nom de l’avantage" required name="nom_coupon" value="{{ old('nom_coupon', $avantages->nom_coupon ?? '') }}">
                                    @error('nom_coupon')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="lieu">Lieu</label>
                                    <input type="text" class="form-control @error('lieu') is-invalid @enderror" id="lieu" aria-describedby="categoriesHelp" placeholder="Renseigner le lieu où l'avantage est valide" required name="lieu" value="{{ old('lieu', $avantages->lieu ?? '') }}">
                                    @error('lieu')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-12">

                                <label for="date_start">Période de validité : </label>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                @php
                                $debut = $avantages->start_validite;
                                $fin = $avantages->end_validite;
                                @endphp
                                <div class="form-group">

                                    <span>Début </span>
                                    <input type="date" class="form-control @error('debut') is-invalid @enderror" id="date_start" aria-describedby="categoriesHelp" name="debut" value="{{ old('debut', Carbon\Carbon::createFromFormat('Y-m-d', $debut)->format('Y-m-d') ?? '') }}">
                                    @error('fin')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    <br>
                                    @enderror


                                </div>
                            </div>
                            <div class="col-lg-6 col-md-6 col-12">
                                <div class="form-group">
                                    <label for="date_end">Fin</label>
                                    <input type="date" class="form-control @error('fin') is-invalid @enderror" id="date_end" aria-describedby="categoriesHelp" name="fin" value="{{ old('fin', Carbon\Carbon::createFromFormat('Y-m-d', $fin)->format('Y-m-d') ?? '') }}">

                                    @error('debut')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-12">
                                <div class="form-group">
                                    <label for="exampleInputinterets1">Partenaire</label>
                                    <select class="form-select" aria-label="Default select example" name="partenaire">
                                        <option hidden>Selectionner partenaire</option>
                                        @foreach ($partenaires as $partenaire)
                                        <option value="{{ $partenaire->id }}" @if ($avantages->partenaire == $partenaire->id) selected="selected" @endif>{{ $partenaire->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('partenaire')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-12">
                                <div class="form-group">
                                    <label for="exampleFormControlTextarea1">Description</label>
                                    <textarea class="form-control @error('description') is-invalid @enderror" id="exampleFormControlTextarea1" name="description" rows="5">{{ old('description', trim($avantages->description) ?? '') }}</textarea>
                                    @error('description')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </div>
                                <input type="hidden" name="id" value="{{$avantages->id}}">
                            </div>

                        </div>

                    </div>
                    <div class="col-lg-3 col-md-3 col-12">
                        <img id="preview" src="/images/uploads/avantages/{{$avantages->url_image}}" alt="logo partenaire" class="mt-3" style="max-width:250px" />

                    </div>
                </div>
                <input type="hidden" name="lat" id="latd">
                <input type="hidden" name="lng" id="lngd">
                <button type="submit" class="btn btn-success">Modifier</button>

            </div>
        </div>
        <!-- <div class="form-group">
                <label for="exampleInputinterets1">Type de réduction</label>
                <select class="form-select" aria-label="Default select example" name="type">
                    <option hidden>Selectionner le type</option>
                    <option value="Commerciaux" @if ($avantages->type == 'Commerciaux') selected="selected" @endif>Commerciaux</option>
                    <option value="Educatif" @if ($avantages->type == 'Educatif') selected="selected" @endif>Educatif</option>
                </select>
                @error('type')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div> -->






    </form>
</div>
@endsection

@push('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>

<script>
    $(document).ready(function() {


        $("#date_start").change(function() {
            // Période de validités
            // $("#date_start").prop("min", moment(new Date()).format('YYYY-MM-DD'));
            // $("#date_end").prop("min", moment(new Date()).format('YYYY-MM-DD'));
            $("#date_end").prop("min", $(this).val());
            $("#date_end").val(""); //clear end date input when start date changes
        });
    });

    function initialize() {
        var input = document.getElementById('lieu');
        var autocomplete = new google.maps.places.Autocomplete(input);
        autocomplete.addListener("place_changed", function() {
            const place = autocomplete.getPlace();
            // Here you can get your coordinates like this
            $('#latd').val(place.geometry.location.lat())
            $('#lngd').val(place.geometry.location.lng())
        });
    }
</script>
<script
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBcF9VOXxKXMdDlJWsJxDKqo2P1lnV9g2A&libraries=places&v=weekly&sensor=true&signed_in=true&callback=initialize"
    defer>
</script>
@endpush