@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <a href="/partners" class="discription">
        <img src="{{ asset('images/arrow_down.svg') }}" alt=""> Retour
    </a>
</div><br>
<div class="container-fluid">

    <form action="/partenaires/update" method="post" enctype="multipart/form-data">
        <div class="card">
            <div class="card-header">
                <h2>Modifier la partenaire : {{ $partenaire->name }}</h2>
            </div>
            <div class="card-body">
                @csrf
                <div class="row ">
                    <!-- <div class="col-lg-6 col-ld-6 col-12">
                            <div class="form-group">
                                <label for="inputEmail4" class="form-label label mb-12"><br>Maison mère ?
                                    <sup>*</sup></label>
                                <div style="display:flex">
                                    <div class="form-check" style="margin-right:25px">
                                        <input class="form-check-input @error('maison') is-invalid @enderror maison" type="radio"
                                            name="maison" id="exampleRadiosmaison1" value="1" @if($partenaire?->parent == 1) checked @endif>
                                        <label class="form-check-label" for="exampleRadiosmaison1">
                                            oui
                                        </label>
                                        @error('cb')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input @error('maison') is-invalid @enderror maison" type="radio"
                                            name="maison" id="exampleRadiosmaison2" value="0" @if($partenaire?->parent != 1) checked @endif>
                                        <label class="form-check-label" for="exampleRadiosmaison2">
                                            non
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div> -->
                    <div class="col-lg-6 col-ld-6 col-12">
                        <div class="form-group">
                            <div class="form-group parentPart">
                                <label for="exampleInputinterets1">Nom de la maison mère <sup>*</sup></label>
                                <select class="form-select" aria-label="Default select example" name="parent">
                                    <option hidden value="">Sélectionner le Nom de la maison mère</option>
                                    @foreach ($comptes as $compte)
                                    <option value="{{ $compte->id }}" @if ($partenaire?->compte_id == $compte->id) selected="selected" @endif>
                                        {{ $compte->nom }}
                                    </option>
                                    @endforeach
                                </select>
                                @error('interet')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>


                <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

                    <script>
                        @if($partenaire?->parent == 1)
                        $('.parentPart').css('display', 'none');
                        @endif
                        $('input:radio[name="maison"]').change(
                            function() {
                                if ($(this).is(':checked')) {
                                    if ($(this).attr('value') == '1') {
                                        $('.parentPart').css('display', 'none');
                                    } else {
                                        $('.parentPart').css('display', 'block');
                                    }
                                }
                            });
                    </script>  -->
                <div class="row ">
                    <div class="col-lg-6 col-ld-6 col-12">
                        <div class="form-group">
                            <label for="exampleInputpartenaires1">Nom de partenaires</label>
                            <input type="text" class="form-control @error('name') is-invalid @enderror" id="exampleInputpartenaires1" aria-describedby="partenairesHelp" placeholder="Entrer le nom" required name="name" value="{{ old('name', $partenaire->name ?? '') }}">
                            @error('name')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-lg-6 col-ld-6 col-12">
                        <div class="form-group">
                            <label for="exampleInputpartenaires1">Adresse <sup>*</sup></label>
                            <input type="text" class="form-control @error('adresse') is-invalid @enderror" id="adresse" aria-describedby="partenairesHelp" placeholder="Entrer l' adresse" name="adresse" value="{{ old('adresse', $partenaire?->info_partenaire->adresse ?? '') }}">
                            @error('adresse')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row ">
                    <div class="col-lg-6 col-ld-6 col-12">
                        <div class="form-group">
                            <label for="exampleInputpartenaires1">Secteur</label>
                            <!-- <input type="text" class="form-control @error('secteur') is-invalid @enderror"
                                    id="exampleInputpartenaires1" aria-describedby="partenairesHelp" placeholder="Entrer le secteur"
                                    required name="secteur" value="{{ old('secteur', $partenaire->secteur ?? '') }}"> -->
                            <select class="form-control @error('secteur') is-invalid @enderror" id="exampleInputpartenaires1" aria-describedby="partenairesHelp" placeholder="Entrer le secteur" name="secteur" value="{{ old('secteur') }}">
                                <option value="Télécommunication" {{ $partenaire->secteur =="Télécommunication"  ? "selected" : ""}} >Télécommunication</option>
                                <option value="Formation / éducation" {{ $partenaire->secteur == "Formation / éducation" ? "selected" : ""}}>Formation / éducation</option>
                                <option value="Librairie" {{ $partenaire->secteur == "Librairie" ? "selected" : ""}}>Librairie</option>
                                <option value="Vente d’appareils électroniques / informatiques" {{ $partenaire->secteur == "Vente d’appareils électroniques / informatiques" ? "selected" : ""}}>Vente d’appareils électroniques /
                                    informatiques</option>
                                <option value="Établissement hôtelier et de divertissement" {{ $partenaire->secteur == "Établissement hôtelier et de divertissement" ? "selected" : ""}}>Établissement hôtelier et de divertissement
                                </option>
                                <option value="Restaurant" {{ $partenaire->secteur == "Restaurant" ? "selected" : ""}}>Restaurant</option>
                                <option value="Cinéma" {{ $partenaire->secteur == "Cinéma" ? "selected" : ""}}>Cinéma</option>
                                <option value="Salle de Jeux" {{ $partenaire->secteur == "Salle de Jeux" ? "selected" : ""}}>Salle de Jeux</option>
                                <option value="Bar / lounge" {{ $partenaire->secteur == "Bar / lounge" ? "selected" : ""}}>Bar / lounge</option>
                                <option value="Salle de sport" {{ $partenaire->secteur == "Salle de sport" ? "selected" : ""}}>Salle de sport</option>
                                <option value="Supermarché" {{ $partenaire->secteur == "Supermarché" ? "selected" : ""}}>Supermarché</option>
                                <option value="Autre" {{ $partenaire->secteur == "Autre" ? "selected" : ""}}>Autre</option>
                            </select>

                            @error('secteur')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    {{-- <div class="col-lg-6 col-ld-6 col-12">
                            <div class="form-group">
                                <label class="col-form-label">Partenaire Logo</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
                                <img id="preview" src="/images/uploads/{{ $partenaire->logo }}" alt="logo partenaire" class="mt-3"
                    style="max-width:250px" />
                </div>
            </div> --}}

            <div class="col-lg-6 col-ld-6 col-12">
                <div class="form-group">
                    <label for="exampleInputpartenaires1">Adresse E-mail</label>
                    <input type="email" class="form-control @error('email') is-invalid @enderror" id="exampleInputpartenaires1" aria-describedby="partenairesHelp" placeholder="Entrer l’e-mail" name="email" value="{{ old('email', $partenaire->partenaire_garants->email ?? '') }}">

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

        <br />
        <h2>Plage d'ouverture du point de vente</h2>
        <br />

        <input type="hidden" name="id" value={{ $partenaire->id }}>
        <div class="row ">

            <div class="col-lg-6 col-ld-6 col-12">
                <div class="row ">
                    <label for="inputEmail4" class="form-label label mb-12">Jours d'ouverture <sup>*</sup></label>
                    <!-- <div style="display:flex" class="row"> -->
                    <div class="col-lg-6 col-ld-6 col-12">
                        <div class="form-check form-check-inline col-sm-12">
                            <input class="form-check-input" type="checkbox" id="inlineCheckbox1" name="lundi" value="Lundi" @if (old('lundi') || $lundi==1) checked @endif>
                            <label class="form-check-label" for="inlineCheckbox1">Lundi</label>
                        </div>
                        <div class="form-check form-check-inline  col-sm-12">
                            <input class="form-check-input" type="checkbox" @if (old('mardi') || $mardi==1) checked @endif id="inlineCheckbox2" name="mardi" value="Mardi">
                            <label class="form-check-label" for="inlineCheckbox2">Mardi</label>
                        </div>
                        <div class="form-check form-check-inline  col-sm-12">
                            <input class="form-check-input" type="checkbox" @if (old('mercredi') || $mercredi==1) checked @endif id="inlineCheckbox3" name="mercredi" value="Mercredi">
                            <label class="form-check-label" for="inlineCheckbox3">Mercredi</label>
                        </div>
                        <div class="form-check form-check-inline col-sm-12">
                            <input class="form-check-input" type="checkbox" @if (old('jeudi') || $jeudi==1) checked @endif id="inlineCheckbox4" name="jeudi" value="Jeudi">
                            <label class="form-check-label" for="inlineCheckbox4">Jeudi</label>
                        </div>
                        <div class="form-check form-check-inline col-sm-12">
                            <input class="form-check-input" type="checkbox" @if (old('vendredi') || $vendredi==1) checked @endif id="inlineCheckbox5" name="vendredi" value="Vendredi">
                            <label class="form-check-label" for="inlineCheckbox5">Vendredi</label>
                        </div>
                        <div class="form-check form-check-inline col-sm-12">
                            <input class="form-check-input" type="checkbox" @if (old('samedi') || $samedi==1) checked @endif id="inlineCheckbox6" name="samedi" value="Samedi">
                            <label class="form-check-label" for="inlineCheckbox6">Samedi</label>
                        </div>
                        <div class="form-check form-check-inline col-sm-12">
                            <input class="form-check-input" type="checkbox" @if (old('dimanche') || $dimanche==1) checked @endif id="inlineCheckbox7" name="dimanche" value="Dimanche">
                            <label class="form-check-label" for="inlineCheckbox7">Dimanche</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row ">
            <div class="col-lg-6 col-ld-6 col-12">
                <div class="form-group">
                    <label for="inputEmail4" class="form-label label mb-12"><br>Heure d'ouverture <sup>*</sup></label>
                    <input id="houv" type="time" class="form-control @error('houv') is-invalid @enderror" name="houv" value="{{ old('houv', $partenaire?->info_partenaire->houverture ?? '') }}" autocomplete="houv">

                    @error('houv')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>
            </div>
            <div class="col-lg-6 col-ld-6 col-12">
                <div class="form-group">
                    <br>
                    <label for="inputEmail4" class="form-label label mb-12">Heure de fermeture <sup>*</sup></label>
                    <input id="hfer" type="time" class="form-control @error('hfer') is-invalid @enderror" name="hfer" value="{{ old('hfer', $partenaire?->info_partenaire->hfermeture ?? '') }}" autocomplete="hfer">

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

        <!-- <div class="row ">
                        <div class="col-lg-6 col-ld-6 col-12">
                            <div class="form-group">
                                <label for="inputEmail4" class="form-label label mb-12"><br>Existence d'un compte bancaire ?
                                <sup>*</sup></label>
                                <div style="display:flex">
                                    <div class="form-check" style="margin-right:25px">
                                        <input class="form-check-input @error('cb') is-invalid @enderror" type="radio" name="cb"
                                            id="exampleRadios1" value="1" @if($partenaire?->info_partenaire?->cb == 1) checked @endif>
                                        <label class="form-check-label" for="exampleRadios1">
                                            oui
                                        </label>
                                        @error('cb')
                                            <span class="invalid-feedback" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                    <div class="form-check">
                                        <input class="form-check-input @error('cb') is-invalid @enderror" type="radio" name="cb"
                                            id="exampleRadios2" value="0" @if($partenaire?->info_partenaire?->cb != 1) checked @endif>
                                        <label class="form-check-label" for="exampleRadios2">
                                            non
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-ld-6 col-12">
                            <div class="form-group">
                                <label for="exampleInputpartenaires1"><br>Nom de la banque associé</label>
                                <input type="text" class="form-control @error('banque') is-invalid @enderror"
                                    id="exampleInputpartenaires1" aria-describedby="partenairesHelp"
                                    placeholder="Entrer le nom de la banque du partenaire" name="banque" value="{{ old('banque', $partenaire?->info_partenaire->banque ?? '') }}">

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

        <br />
        <h2>Information du responsable</h2>
        <br />

        <div class="row ">
            <div class="col-lg-6 col-ld-6 col-12">
                <div class="form-group">
                    <label for="exampleInputpartenaires1">Nom</label>
                    <input type="text" class="form-control @error('nom') is-invalid @enderror" id="exampleInputpartenaires1" aria-describedby="partenairesHelp" placeholder="Entrer le nom" name="nom" value="{{ old('nom', $partenaire->partenaire_garants->nom ?? '') }}">
                    @error('nom')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>
            </div>

            <div class="col-lg-6 col-ld-6 col-12">
                <div class="form-group">
                    <label for="exampleInputpartenaires1">Prénom</label>
                    <input type="text" class="form-control @error('prenom') is-invalid @enderror" id="exampleInputpartenaires1" aria-describedby="partenairesHelp" placeholder="Entrer le prénom" name="prenom" value="{{ old('prenom', $partenaire->partenaire_garants->prenom ?? '') }}">

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

        </div>
        <div class="row ">
            <div class="col-lg-6 col-ld-6 col-12">

                <div class="row g-3 mb-30">
                    <div class="col-md-2">
                        <label for="inputEmail4" class="form-label label mb-12">Indicatif</label>
                        <input type="text" class="form-control" placeholder="+ 225" aria-label="" name="indicatif" value="+255" disabled>
                    </div>
                    <div class="col-md-6">
                        <label for="inputEmail4" class="form-label label mb-12">Téléphone</label>


                        <input id="phone" type="text" class="form-control @error('phone') is-invalid @enderror" name="phone" value="{{ old('phone', substr($partenaire->partenaire_garants->phone, 0) ?? '') }}" placeholder="07 00 00 00 00" autocomplete="phone" maxlength="10" oninput="this.value = this.value.slice(0, 10);">

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







        <input type="hidden" name="lat" id="latd" value="{{ old('lat', $partenaire?->info_partenaire->lat ?? '') }}">
        <input type="hidden" name="lng" id="lngd" value="{{ old('lng', $partenaire?->info_partenaire->lng ?? '') }}">


</div>
<div class="card-footer">
    <button type="submit" class="btn btn-success">Modifier</button>
</div>
</div>
</form>

</div>
@endsection
<script>
    function initialize() {
        var input = document.getElementById('adresse');
        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>