@extends('layouts.app')

@section('title', 'Devenir membre')

@section('main_title_wrapper')
    <div class="main_title_wrapper category_title_section jl_cat_img_bg">
        <div class="category_image_bg_image" style="background-image: url({{ asset('images/micro-conference.jpg') }});"></div><div class="category_image_bg_ov"></div>    <div class="jl_cat_title_wrapper">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 main_title_col">
                        <div class="jl_cat_mid_title">
                            <h3 class="categories-title title">Devenir membre</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('home')
    <div class="container">
        <div class="row">
            <div class="col-md-9 auth-form">
                @if (session('success'))
                    <div class="alert alert-success alert-dismissible fade_ show" role="alert">
                        {{ session('success') }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                @endif

                @if (session('danger'))
                    <div class="alert alert-danger alert-dismissible fade_ show" role="alert">
                        {{ session('danger') }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                @endif
                @if ($errors->any())
                    <span class="text-danger">Demande non envoyée, veuillez corriger les erreures signalées</span>
                @endif

                {!! Form::model($demande, ['method' => 'POST', 'enctype' => "multipart/form-data", "url" => route('devenirmembre.post')]) !!}

                    <div class="form-group row">
                        <label class="col-sm-3">{{"Nom de l'entreprise"}} <span class="text-danger">*</span></label>
                        <div class="col-md-9">
                            {!! Form::text('name', null, ["class" => "form-control", "required"]) !!}
                            @if ($errors->has('name'))
                                <span class="text-danger">
                                    <small class="text-danger">{{ $errors->first('name') }}</small>
                                </span>
                            @endif
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3">Adresse <span class="text-danger">*</span></label>
                        <div class="col-md-9">
                            {!! Form::text('adresse', null, ["class" => "form-control", "required"]) !!}
                            @if ($errors->has('adresse'))
                                <span class="text-danger">
                                    <small class="text-danger">{{ $errors->first('adresse') }}</small>
                                </span>
                            @endif
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3">Email <span class="text-danger">*</span></label>
                        <div class="col-md-9">
                            {!! Form::text('email', null, ["class" => "form-control", "required"]) !!}
                            @if ($errors->has('email'))
                                <span class="text-danger">
                                    <small class="text-danger">{{ $errors->first('email') }}</small>
                                </span>
                            @endif
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3">Téléphone <span class="text-danger">*</span></label>
                        <div class="col-md-9">
                            {!! Form::text('telephone', null, ["class" => "form-control", "required"]) !!}
                            @if ($errors->has('telephone'))
                                <span class="text-danger">
                                    <small class="text-danger">{{ $errors->first('telephone') }}</small>
                                </span>
                            @endif
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3">Président <span class="text-danger">*</span></label>
                        <div class="col-md-9">
                            {!! Form::text('gerent', null, ["class" => "form-control", "required"]) !!}
                            @if ($errors->has('gerent'))
                                <span class="text-danger">
                                    <small class="text-danger">{{ $errors->first('gerent') }}</small>
                                </span>
                            @endif
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3">{{"Secteur d'activité"}}<span class="text-danger">*</span></label>
                        <div class="col-md-9">
                            {!! Form::select('secteur_id', $secteurs, null, ["id" => "secteur", "class" => "form-control", "required"]) !!}
                            @if ($errors->has('secteur_id'))
                                <span class="text-danger">
                                    <small class="text-danger">{{ $errors->first('secteur_id') }}</small>
                                </span>
                            @endif
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3">Groupement <span class="text-danger">*</span></label>
                        <div class="col-md-9">
                            <select name="groupement_id" id="groupement" class="form-control" required>
                                <option value="">Groupement</option>
                            </select>
                            {{--  {!! Form::select('groupement_id', $groupements, null, ["class" => "form-control", "required"]) !!}  --}}
                            @if ($errors->has('groupement_id'))
                                <span class="text-danger">
                                    <small class="text-danger">{{ $errors->first('groupement_id') }}</small>
                                </span>
                            @endif
                        </div>
                    </div>

                    <div class="form-group row">
                        <label class="col-sm-3">Demande <span class="text-danger">*</span></label>
                        <div class="col-md-9">
                            {!! Form::file('demande', null, ["class" => "form-control", "required"]) !!}
                            @if ($errors->has('demande'))
                                <span class="text-danger">
                                    <small class="text-danger">{{ $errors->first('demande') }}</small>
                                </span>
                            @endif
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-9">
                            <button type="submit" class="btn btn-primary">Envoyer</button>
                        </div>
                    </div>

                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection

@section('css')
    <style>
        .recents-elements, .my-content-page {
            display: none !important;
        }
    </style>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('#secteur').change(function() {
                var secteur_id = $(this).children("option:selected").val();
                // alert(selectedCountry);
                $.ajax({
                    url: 'get-secteur-groupement',
                    data: { 'secteur': secteur_id },
                    type: 'GET',
                    success: function(response) {
                        $('#groupement').html('<option value="">Groupement</option>');
                        $.each(response, function(key, value) {
                            //groupement
                            var option = '<option value="' + value.id +'">' + value.name + '</option>';
                            $('#groupement').append(option);
                        });
                        // alert(response[0].name);
                    },
                    error: function(xhr) {
                        alert('Une est survenu lors de la recupération des groupements');
                    }
                });
            });
        });
    </script>
@endsection