@extends('layouts.app')
@section('content')
    <div class="auth-page">
        <div class="container h-100 init-page py-5">
            <div class="ce-form steps-form is-step1">
                @csrf
                <div class="mb-5">
                    <img src="{{ asset('images/logo.png') }}" class="img-fluid is-brand" alt="logo">
                </div>
                <div class="steps">
                    <form class="step step1" id="step1" data-action="{{ route('account.member.saveSettings',['user' => $user->uid]) }}">
                        <div class="row">
                            <div class="col-md-6 col-sm-12">
                                <div class="ce-form__group">
                                    <input type="text" class="ce-form__input ce-form__input--white js-validation__string"
                                        name="entreprise" placeholder=" " id="inputEntreprise">
                                    <label for="inputEntreprise" class="ce-form__label">Entreprise</label>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="ce-form__group">
                                    <input type="text" class="ce-form__input ce-form__input--white js-validation__string"
                                        name="fullname" placeholder=" " id="inputFullName">
                                    <label for="inputFullName" class="ce-form__label">Nom et prénom</label>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="ce-form__group">
                                    <select name="activity" class="ce-form__input ce-form__input--white" id="inputActivity">
                                        <option value=""></option>
                                        @foreach ($categories as $category)
                                            <option value="{{ $category->uid }}">
                                                {{ $category->name }}</option>
                                        @endforeach
                                    </select>
                                    <label for="inputActivity" class="ce-form__label">Secteur d'activité</label>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="ce-form__group">
                                    <input type="text" class="ce-form__input ce-form__input--white js-validation__string"
                                        name="fonction" placeholder=" " id="inputFonction">
                                    <label for="inputFonction" class="ce-form__label">Fonction</label>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="ce-form__group">
                                    <input type="text" class="ce-form__input ce-form__input--white" name="adresse"
                                        placeholder=" " id="inputAdresse">
                                    <label for="inputAdresse" class="ce-form__label">Adresse</label>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="ce-form__group">
                                    <input type="text" class="ce-form__input ce-form__input--white js-validation__phone"
                                        name="phone" placeholder=" " id="inputPhone">
                                    <label for="inputPhone" class="ce-form__label">Téléphone</label>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="ce-form__group">
                                    <select name="ville" class="ce-form__input ce-form__input--white" id="inputVille">
                                        <option value=""></option>
                                        @foreach ($cities as $city)
                                            <option value="{{ $city->uid }}">
                                                {{ $city->name }}</option>
                                        @endforeach
                                    </select>
                                    <label for="inputVille" class="ce-form__label">Ville</label>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="ce-form__group">
                                    <input type="text" class="ce-form__input ce-form__input--white js-validation__phone"
                                        name="gsm" placeholder=" " id="inputGsm">
                                    <label for="inputGsm" class="ce-form__label">GSM</label>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <div class="ce-form__group">
                                    <input type="text" class="ce-form__input ce-form__input--white js-validation__string"
                                        name="pays" placeholder=" " id="inputPays">
                                    <label for="inputPays" class="ce-form__label">Pays</label>
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12">
                                <div class="ce-form__group">
                                    <textarea name="description" class="ce-form__input" id="inputPresentation" placeholder=" " height="100"></textarea>
                                    <label for="inputPresentation" class="ce-form__label">Présentation</label>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <button type="submit" class="ce-button is-large is-primary">Suivant</button>
                            </div>
                        </div>
                    </form>
                    <form class="step step2" id="step2" data-action="{{ route('account.member.createOffer',['user' => $user->uid]) }}">
                        <div class="ce-form">
                            @csrf
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="ce-form__group">
                                        <input type="text" class="ce-form__input" name="titre" placeholder=" "
                                            id="inputTitle">
                                        <label for="inputTitle" class="ce-form__label">Titre</label>
                                    </div>
                                    <div class="ce-form__group">
                                        <textarea name="description" class="ce-form__input" id="inputDescription" placeholder=" " height="100"></textarea>
                                        <label for="inputDescription" class="ce-form__label">Description</label>
                                    </div>
                                    <div class="ce-form__group">
                                        <select class="ce-form__input" name="type" id="inputType">
                                            <option value="produit">Produit</option>
                                            <option value="service">Service</option>
                                        </select>
                                        <label for="inputType" class="ce-form__label">Type</label>
                                    </div>
                                    <div class="ce-form__group">
                                        <input type="text" class="ce-form__input" name="videoUrl" placeholder=" "
                                            id="inputVideoLink">
                                        <label for="inputVideoLink" class="ce-form__label">Video URL</label>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-widget__box">
                                        <div class="ce-upload-widget" id="offer-images">
                                            <input type="file" name="files" hidden class="upload-input__input"
                                                data-max="*" accept="image/*">
                                            <div class="upload-input__header">
                                                <span class="upload-input__title">Ajouter les images d'offre</span>
                                                <button class="upload-input__btn">
                                                    <i class="bi bi-upload"></i>
                                                </button>
                                            </div>
                                            <div class="upload-input__result">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-widget__box mt-2">
                                        <div class="ce-upload-widget" id="descriptive-file">
                                            <input type="file" name="descriptiveFile" hidden class="upload-input__input"
                                                data-max="1" accept=".pdf">
                                            <div class="upload-input__header">
                                                <span class="upload-input__title">Ajouter la fiche descriptive</span>
                                                <button class="upload-input__btn">
                                                    <i class="bi bi-upload"></i>
                                                </button>
                                            </div>
                                            <div class="upload-input__result">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <button type="submit" class="ce-button is-large is-primary">s'enregistrer</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection