@extends('layouts.app')

@section('content')
    <div class="container">
        <a href="{{route('partenaires.index')}}" class="discription">
            <img src="{{ asset('images/arrow_down.svg') }}" alt=""> Retour
        </a>
    </div><br>
    <div class="container">
        <h2>Ajouter un point de vente</h2>
        <form action="/partenaires/store" method="post" enctype="multipart/form-data">
            @csrf
            @if(auth()->user()->role != 4)
                <div class="row ">
                    <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" checked>
                            <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">
                            <label class="form-check-label" for="exampleRadiosmaison2">
                                non
                            </label>
                        </div>
                    </div>
                    <br>
                </div>
            
                <div class="form-group parentPart">
                    <label for="exampleInputinterets1"><br>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 ($partenaires as $partenaire)
                            <option value="{{ $partenaire->id }}" 
                                @if (old('parent') == $partenaire->id) selected="selected" @endif>
                                {{ $partenaire->nom }}</option>
                        @endforeach
                    </select>
                    @error('interet')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

                <script>
                    $('.parentPart').css('display', 'none');

                    $('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>
                @endif
                <div class="form-group">
                    <label for="exampleInputpartenaires1"><br>Nom du point de vente <sup>*</sup></label>
                    <input type="text" class="form-control @error('name') is-invalid @enderror" id="exampleInputpartenaires1"
                        aria-describedby="partenairesHelp" placeholder="Entrer le nom" name="name"
                        value="{{ old('name') }}">
                    @error('name')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            <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') }}">
                @error('adresse')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <div class="form-group">
                <label for="exampleInputpartenaires1">Secteur <sup>*</sup></label>
                <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">Télécommunication</option>
                    <option value="Formation / éducation">Formation / éducation</option>
                    <option value="Librairie">Librairie</option>
                    <option value="Vente d’appareils électroniques / informatiques">Vente d’appareils électroniques /
                        informatiques</option>
                    <option value="Établissement hôtelier et de divertissement">Établissement hôtelier et de divertissement
                    </option>
                    <option value="Restaurant">Restaurant</option>
                    <option value="Cinéma">Cinéma</option>
                    <option value="Salle de Jeux">Salle de Jeux</option>
                    <option value="Bar / lounge">Bar / lounge</option>
                    <option value="Salle de sport">Salle de sport</option>
                    <option value="Supermarché">Supermarché</option>
                    <option value="Autre">Autre</option>
                </select>
                <!-- <input type="text" class="form-control @error('secteur') is-invalid @enderror" id="exampleInputpartenaires1" aria-describedby="partenairesHelp" placeholder="Entrer le secteur"  name="secteur" value="{{ old('secteur') }}"> -->

                @error('secteur')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <!-- <div class="form-group">
                <label class="col-form-label">Logo du point de vente <sup>*</sup></label>
                <input type="file" id="imageFileName" class="form-control @error('image') is-invalid @enderror"
                    name="image">
                @error('image')
                    <span class="invalid-feedback" role="alert">
                        <strong>L’image n’a pas pu être importée correctement</strong>
                    </span>
                @enderror

                <label class="col-form-label"><sub>Format acceptée : png, jpg</sub></label>

                <img id="preview" src="#" alt="your image" class="mt-3" style="display:none;" />
            </div> -->



            <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') }}">

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

            <div class="row ">
                <label for="inputEmail4" class="form-label label mb-12">Jours d'ouverture <sup>*</sup></label>
                <div style="display:flex" class="">

                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" id="inlineCheckbox1" name="lundi"
                            value="Lundi" @if (old('lundi')) checked @endif>
                        <label class="form-check-label" for="inlineCheckbox1">Lundi</label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" @if (old('mardi')) 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">
                        <input class="form-check-input" type="checkbox" @if (old('mercredi')) 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">
                        <input class="form-check-input" type="checkbox" @if (old('jeudi')) 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">
                        <input class="form-check-input" type="checkbox" @if (old('vendredi')) 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">
                        <input class="form-check-input" type="checkbox" @if (old('samedi')) 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">
                        <input class="form-check-input" type="checkbox" @if (old('dimanche')) checked @endif
                            id="inlineCheckbox7" name="dimanche" value="Dimanche">
                        <label class="form-check-label" for="inlineCheckbox7">Dimanche</label>
                    </div>

                </div>
                <br>
            </div>
            <div class="row ">
                <br>
                <div class="col-md-6">
                    <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') }}" autocomplete="houv">

                    @error('houv')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>
            <div class="row ">
                <div class="col-md-6">
                    <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') }}" autocomplete="hfer">

                    @error('hfer')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>
            @if(auth()->user()->role != 4)
            <div class="row ">
                <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" checked>
                        <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" >
                        <label class="form-check-label" for="exampleRadios2">
                            non
                        </label>
                    </div>
                </div>
                <br>
            </div>

            <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') }}">

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

            <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') }}">

                @error('prenom')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <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') }}">
                @error('nom')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
            <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="+225" disabled>
                </div>
                <div class="col-md-6">
                    <label for="inputEmail4" class="form-label label mb-12">Téléphone</label>
                    <input oninput="this.value = this.value.slice(0, 10);" id="phone" type="number"
                        class="form-control @error('phone') is-invalid @enderror" name="phone"
                        value="{{ old('phone') }}" placeholder="07 00 00 00 00" autocomplete="phone" maxlength="10">

                    @error('phone')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div><br>
            <input type="hidden" name="lat" id="latd">
            <input type="hidden" name="lng" id="lngd">
            <button type="submit" class="btn btn-success">Enregistrer</button>
        </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>