@extends('super-designer.layouts.default') @php $page_title = ' profile'; @endphp @section('content')
    <div class="content-i">
        <div class="content-box">
            <div class="row">
                <div class="col-md-5">
                    <div class="user-profile compact">
                        <div class="up-head-w" style="background-image: url('{{ asset($profile->cover) }}')">
                            <div class="up-main-info row">
                                <div class="col-auto">
                                    <img width="100" height="100" style="border-radius: 50%"
                                        srcset="{{ asset($designer->photo) }}">
                                </div>
                                <div class="col">
                                    <h2 class="up-header mt-3">
                                        {{ $designer->nom }} {{ $designer->prenom }}
                                    </h2>
                                </div>
                            </div>
                            <svg class="decor" width="842px" height="219px" viewBox="0 0 842 219"
                                preserveAspectRatio="xMaxYMax meet" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                xmlns:xlink="http://www.w3.org/1999/xlink">
                                <g transform="translate(-381.000000, -362.000000)" fill="#FFFFFF">
                                    <path class="decor-path"
                                        d="M1223,362 L1223,581 L381,581 C868.912802,575.666667 1149.57947,502.666667 1223,362 Z">
                                    </path>
                                </g>
                            </svg>
                        </div>
                        @php
                            $facebook = $profile->social_medias->where('libelle', 'facebook')->first()->url ?? null;
                            $twitter = $profile->social_medias->where('libelle', 'twitter')->first()->url ?? null;
                            $linkedin = $profile->social_medias->where('libelle', 'linkedin')->first()->url ?? null;
                            $pinterest = $profile->social_medias->where('libelle', 'pinterest')->first()->url ?? null;
                            $behance = $profile->social_medias->where('libelle', 'behance')->first()->url ?? null;
                            $instagram = $profile->social_medias->where('libelle', 'instagram')->first()->url ?? null;
                            $site_personnel = $profile->social_medias->where('libelle', 'site_personnel')->first()->url ?? null;
                        @endphp
                        <div class="up-controls">
                            <form method="post"
                                action="{{ route('super-designer.architectes.updateSocialMedia', $designer->id) }}">
                                {{ csrf_field() }}
                                <div class="form-group">
                                    <label for=""> Facebook</label>
                                    <input class="form-control" value="{{ $facebook }}" name="facebook" type="text">
                                </div>
                                <div class="form-group">
                                    <label for=""> Twitter</label>
                                    <input class="form-control" value="{{ $twitter }}" name="twitter" type="text">
                                </div>
                                <div class="form-group">
                                    <label for=""> LinkedIn</label>
                                    <input class="form-control" value="{{ $linkedin }}" name="linkedin" type="text">
                                </div>
                                <div class="form-group">
                                    <label for=""> Instagram</label>
                                    <input class="form-control" value="{{ $instagram }}" name="instagram" type="text">
                                </div>
                                <div class="form-group">
                                    <label for=""> Pinterest</label>
                                    <input class="form-control" value="{{ $pinterest }}" name="pinterest"
                                        type="text">
                                </div>
                                <div class="form-group">
                                    <label for=""> Behance</label>
                                    <input class="form-control" value="{{ $behance }}" name="behance" type="text">
                                </div>
                                <div class="form-group">
                                    <label for=""> Site personnel</label>
                                    <input class="form-control" value="{{ $site_personnel }}" name="site_personnel"
                                        type="text">
                                </div>
                                <div class="text-right">
                                    <button class="btn btn-primary" type="submit">Enregistrer</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="element-wrapper">
                        <div class="element-box">
                            <b>{!! lang('Vidéo') !!}</b>
                            <div class="row mt-3">
                                @if ($profile->video)
                                    <iframe class="mt-3" src="{{ $profile->url_embed }}" width="100%" height="400"
                                        frameborder="0"></iframe>
                                @else
                                    Aucun vidéo à afficher
                                @endif
                            </div>
                        </div>
                        <div class="element-box">
                            <b>{!! lang('Types de projets') !!}</b>
                            <div class="row mt-3">
                                <div class="form-group form-inline col-4">
                                    <label>
                                        <input disabled="" type="checkbox" value="residentiel" name="types[]"
                                            {{ in_array('residentiel', $profile->types->pluck('libelle')->toArray()) ? 'checked' : '' }}>
                                        <span class="ml-2">Résidentiel</span>
                                    </label>
                                </div>
                                <div class="form-group form-inline col-4">
                                    <label>
                                        <input disabled="" type="checkbox" value="commercial" name="types[]"
                                            {{ in_array('commercial', $profile->types->pluck('libelle')->toArray()) ? 'checked' : '' }}>
                                        <span class="ml-2">Commercial</span>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="element-box">
                            <b>Styles Favoris</b>
                            <br>
                            <div class="row mt-3">
                                @foreach (\App\Models\StyleDeco::get() as $style)
                                    <div class="form-group form-inline col-4">
                                        <label>
                                            <input disabled="" type="checkbox" value="{{ $style->id }}"
                                                name="styles[]"
                                                {{ in_array($style->name, $profile->_styles->pluck('libelle')->toArray()) ? 'checked' : '' }}>
                                            <span class="ml-2">{{ $style->name }}</span>
                                        </label>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="element-box">
                            <h6 class="element-header"><b>Langues</b></h6>

                            @foreach ($profile->langues as $langue)
                                <form class="formation-item"
                                    action="{{ route('super-designer.architectes.updateLangue', $langue->id) }}" method="post">
                                    {{ csrf_field() }}
                                    <div class="m-3">
                                        <div class=" form-group row">
                                            <div class="col-md-3">
                                                <label>Langue</label>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" required="" class="form-control" name="libelle"
                                                    value="{{ $langue->libelle }}">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-md-3">
                                                <label>Niveau</label>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" required="" class="form-control" name="niveau"
                                                    value="{{ $langue->niveau }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="text-right">
                                        <button class="btn btn-primary" type="submit"> Enregistrer</button>
                                    </div>
                                </form>
                            @endforeach
                        </div>

                        <div class="element-box">
                            <h6 class="element-header">
                                <b>Scan pièce d'identité (Passeport, carte d'identité ou titre de séjour)</b>
                            </h6>
                            @if ($designer->scan_passport)
                                <a class="btn btn-primary" href="{{ asset('uploads/' . $designer->scan_passport) }}"
                                    target="_blank">
                                    <i class="fa fa-download"></i> Télécharger
                                </a>
                            @else
                                Non fourni
                            @endif
                        </div>


                        <div class="element-box">
                            <h6 class="element-header">
                                <b>Scan diplômes</b>
                            </h6>
                            @if ($designer->scan_diplomes)
                                <a class="btn btn-primary" href="{{ asset('uploads/' . $designer->scan_diplomes) }}"
                                    target="_blank">
                                    <i class="fa fa-download"></i> Télécharger
                                </a>
                            @else
                                Non fourni
                            @endif
                        </div>


                        <div class="element-box">
                            <h6 class="element-header">
                                <b>Scan justificatif professionnel (Kbis, attestation URSSAF, ...)</b>
                            </h6>
                            @if ($designer->scan_justificatif_professionnel)
                                <a class="btn btn-primary"
                                    href="{{ asset('uploads/' . $designer->scan_justificatif_professionnel) }}"
                                    target="_blank">
                                    <i class="fa fa-download"></i> Télécharger
                                </a>
                            @else
                                Non fourni
                            @endif
                        </div>

                        <div class="element-box">
                            <h6 class="element-header">
                                <b>Mes formations et certifications</b>
                            </h6>
                            @foreach ($profile->formations as $formation)
                                <form class="formation-item"
                                    action=" {{ route('super-designer.architectes.updateFormation', $formation->id) }} "
                                    method="post">
                                    {{ csrf_field() }}
                                    <div class="m-3">
                                        <div class="form-group row">
                                            <div class="col-md-3">
                                                <label>Titre</label>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="libelle" required="" class="form-control"
                                                    value="{{ $formation->libelle }}">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-md-3">
                                                <label>École</label>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="ecole" required="" class="form-control"
                                                    value="{{ $formation->ecole }}">
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-md-3">
                                                <label>Année</label>
                                            </div>
                                            <div class="col-md-9">
                                                <input type="text" name="annee" required="" class="form-control"
                                                    value="{{ $formation->annee }}">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="text-right">
                                        <button class="btn btn-primary" type="submit"> Enregistrer</button>
                                    </div>
                                </form>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="element-wrapper">
                        <div class="mb-3">

                            @if ($profile->status == 'Retiré' || $profile->status == 'en attente de validation')
                                <a href="{{ route('super-designer.architectes.profile.publier', $designer->id) }}"
                                    class="btn btn-success"> Publier</a>
                            @endif
                            {{-- @if ($profile->status == 'Publié') --}}
                            <a href="{{ route('super-designer.architectes.profile.depublier', $designer->id) }}"
                                class="btn btn-warning"> Cacher</a>
                            {{-- @endif --}}
                            <a href="{{ route('super-designer.architectes') }}" class="btn btn-danger"> Quitter</a>

                            <a href="{{ route('super-designer.architectes.getprofile', $designer->id) }}" target="_blank"
                                class="btn btn-white"> <i class="fa fa-eye"></i> Aperçu</a>

                        </div>
                        <div class="element-box">
                            <form id="formValidate" method="post"
                                action="{{ route('super-designer.architectes.update', $designer->id) }}">
                                {{ csrf_field() }}

                                <fieldset class="form-group">
                                    <legend><span><b>Type</b></span></legend>
                                    <div class="paper">
                                        <div class="paper-content">
                                            <select name="type" class="form-control">
                                                <option></option>
                                                <option {{ $profile->type == "Architecte d'intérieur" ? 'selected' : '' }}>
                                                    Architecte d'intérieur</option>
                                                <option {{ $profile->type == "Décorateur d'intérieur" ? 'selected' : '' }}>
                                                    Décorateur d'intérieur</option>
                                                <option {{ $profile->type == "Décoratrice d'intérieur" ? 'selected' : '' }}>
                                                    Décoratrice d'intérieur</option>
                                            </select>
                                        </div>
                                    </div>
                                </fieldset>
                                <div class="text-right">
                                    <button class="btn btn-primary" type="submit">Enregistrer</button>
                                </div>

                                <fieldset class="form-group">
                                    <legend><span><b>{{ $designer->prenom }} en quelques mots</b></span></legend>
                                    <div class="paper">
                                        <div class="paper-content">
                                            <textarea name="resume" class="form-control summernote" rows="7">{{ $profile->resume }}</textarea>
                                        </div>
                                    </div>
                                </fieldset>
                                <div class="text-right">
                                    <button class="btn btn-primary" type="submit">Enregistrer</button>
                                </div>


                                <fieldset class="form-group">
                                    <legend><span><b>Ma conception de l'architecture d'interieur</b></span></legend>
                                    <div class="paper">
                                        <div class="paper-content">
                                            <textarea name="conception" class="form-control summernote" rows="7">{{ $profile->conception }}</textarea>
                                        </div>
                                    </div>
                                </fieldset>
                                <div class="text-right">
                                    <button class="btn btn-primary" type="submit"> Enregistrer</button>
                                </div>
                                <fieldset class="form-group">
                                    <legend><span><b>Mon style</b></span></legend>
                                    <div class="paper">
                                        <div class="paper-content">
                                            <textarea name="style" class="form-control summernote" rows="7">{{ $profile->style }}</textarea>
                                        </div>
                                    </div>
                                </fieldset>
                                <div class="text-right">
                                    <button class="btn btn-primary" type="submit"> Enregistrer</button>
                                </div>
                                <fieldset class="form-group">
                                    <legend><span><b>Mes sources d'inspiration</b></span></legend>
                                    <div class="paper">
                                        <div class="paper-content">
                                            <textarea name="sources_inspiration" class="form-control summernote" rows="7">{{ $profile->sources_inspiration }}</textarea>
                                        </div>
                                    </div>
                                </fieldset>
                                <div class="text-right">
                                    <button class="btn btn-primary" type="submit"> Enregistrer</button>
                                </div>
                            </form>
                        </div>
                        <div class="element-box">
                            <h6 class="mb-3">Portfolio</h6>
                            @foreach ($profile->photos as $photo)
                                <div class="mb-20">
                                    <div class="btn-icons">
                                        <a href="{{ route('super-designer.architectes.getprofile.deletephoto', $photo->id) }}"
                                            class="btn btn-sm btn-danger pull-right ml-2">
                                            <i class="fa fa-trash pull-right "></i></a>
                                        @if (!$photo->cover)
                                            <a href="{{ route('super-designer.architectes.getprofile.updatecover', ['id' => $photo->id, 'designer_id' => $designer->id]) }}"
                                                class="btn btn-sm btn-success pull-right">
                                                <i class="fa fa-check "></i></a>
                                        @endif
                                    </div>
                                    <img src="{{ asset($photo->url) }}" alt="" width="100%" class="m-3">
                                    <hr>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection




@section('style')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-lite.css" rel="stylesheet">
@endsection
@section('script')
    <script src="{{ asset('js/jquery-3.2.1.min.js') }}"></script>
    <script src="{{ asset('js/jquery-ui.min.js') }}"></script>

    <script src="{{ asset('js/summernote-lite.js') }}"></script>
    <script src="{{ asset('js/summernote-fr-FR.min.js') }}"></script>

    <script>
        jQuery(document).ready(function($) {
            $('.summernote').summernote({
                lang: 'fr-FR',
                fontNames: ['Poppins'],
                fontNamesIgnoreCheck: ['Poppins'],
                callbacks: {
                    onImageUpload: function(image) {
                        editor = $(this);
                        uploadImageContent(image[0], editor);
                    }
                }
            });
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            function uploadImageContent(image, editor) {
                var data = new FormData();
                data.append("image", image);
                $.ajax({
                    url: "{{ route('super-designer.summernote.upload') }}",
                    cache: false,
                    contentType: false,
                    processData: false,
                    data: data,
                    type: "post",
                    success: function(url) {
                        var image = $('<img>').attr('src', url);
                        $(editor).summernote("insertNode", image[0]);
                    },
                    error: function(data) {
                        console.log(data);
                    }
                });
            }
        });
    </script>
@endsection