@extends('super-designer.layouts.default')
@section('style')
@endsection
@section('content')
    @include('super-designer.partials.modals.suppProduit', $produit)
    <meta name="csrf-token" content="{{ csrf_token() }}" />
    <div class="content-i">
        <div class="content-box">
            <div class="element-wrapper">
                <div class="element-box ">
                    <div class="row">
                        <div class="col-md-6">
                            <h5 class="form-header">
                                Informations produit <h6><i>{{ $produit->id }} - {{ $produit->nom }}</i></h6>
                            </h5>
                        </div>
                        <div class="col-md-6">
                            <a href="{{ route('super-designer.produit.list') }}" class="btn btn-primary pull-right ml-1">
                                Retour</a>
                            <div class="btn btn-danger pull-right " data-target="#supp-produit{{ $produit->id }}"
                                data-toggle="modal">Supprimer</div>
                        </div>
                    </div>
                </div>
                <div class="element-box p-5">
                    <form method="post" action="{{ route('super-designer.produit.update', $produit->id) }}"
                        enctype="multipart/form-data">
                        {{ csrf_field() }}


                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-5">
                                    <img src="{{ asset($produit->photo) }}" width="150" height="150" alt="">
                                </div>
                                <div class="col-md-7 pt-1">

                                    <div class="mt-5">
                                        <input type="file" name="photo" id="image{{ $produit->id }}"
                                            class="inputfile" />
                                        <label for="image{{ $produit->id }}">
                                            <i class="fa fa-upload"></i>
                                            <span>{!! lang('Choisir image') !!}&hellip;</span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-4">
                                    <label class="text-transform-none">Nom *</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" name="nom" required=""
                                        value="{{ $produit->nom }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-4">
                                    <label class="text-transform-none">Marque *</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" name="marque" required=""
                                        value="{{ $produit->marque }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-4">
                                    <label class="text-transform-none">Référence *</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" required="" name="reference"
                                        value="{{ $produit->reference }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-4">
                                    <label class="text-transform-none">Source *</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="url" required="" name="source"
                                        value="{{ $produit->source }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-4">
                                    <label class="text-transform-none">Prix affiché (€ TTC)</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" name="prix" pattern="[0-9]+([\.,][0-9]+)?"
                                        title="Veuillez saisir un chiffre" value="{{ $produit->prix }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-4">
                                    <label class="text-transform-none">Prix Pipcke (€)</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" name="prix_pipcke"
                                        pattern="[0-9]+([\.,][0-9]+)?" title="Veuillez saisir un chiffre"
                                        value="{{ $produit->prix_pipcke }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-4">
                                    <label class="text-transform-none">Couleur</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" name="couleur"
                                        value="{{ $produit->couleur }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-4">
                                    <label class="text-transform-none">Largeur (cm)</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" name="largeur"
                                        pattern="[0-9]+([\.,][0-9]+)?" title="Veuillez saisir un chiffre"
                                        value="{{ $produit->largeur }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-4">
                                    <label class="text-transform-none">Hauteur (cm)</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" name="hauteur"
                                        pattern="[0-9]+([\.,][0-9]+)?" title="Veuillez saisir un chiffre"
                                        value="{{ $produit->hauteur }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-4">
                                    <label class="text-transform-none">Profondeur (cm)</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" name="profondeur"
                                        pattern="[0-9]+([\.,][0-9]+)?" title="Veuillez saisir un chiffre"
                                        value="{{ $produit->profondeur }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-4">
                                    <label class="text-transform-none">Finition</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" name="finition"
                                        value="{{ $produit->finition }}">
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-4">
                                    <label class="text-transform-none">Infos complémentaires</label>
                                </div>
                                <div class="col-md-8">
                                    <input class="form-control" type="text" name="info"
                                        value="{{ $produit->info }}">
                                </div>
                            </div>
                        </div>
                        <button class="btn btn-primary pull-right" type="submit">Valider</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection