@extends('frontend.layouts.navBar')

@section('content')
    @include('backend.partials.import')
    .container {
        max-width: 1659px;
    }
    <style>
        .banner img {
            height: 389px;
            width: 100%;

        }

        .devis {
            position: absolute;
            top: 19%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #0071dc;
            font-size: 40px;
            font-weight: 600;
        }
        .container.devisForms{
        max-width: 1659px;
        margin-top: 96px;
    margin-bottom: 96px;
    }
    </style>
    <div class="page">

        <div class="banner">
            <img src="{{ asset('frontend/images/devis.jpg') }}" alt="">
            {{-- <div class="devis">Demande de Devis</div> --}}
        </div>




        <div class="container devisForms">
            <div class="row">
                <div class="col-lg-6 col-md-12 text-start">
                   <h3>Formulaire de demande de devis</h3>
                    Vous avez des questions a propos d'un produit ? ou plusieurs?
                    Ce formulaire est à votre disposition, nous vous répondrons dans les meilleurs délais.



                </div>



                <div class="col-lg-5 col-md-12 text-start">
                    <div class="card">
                        <div class="card-body">
                            <form method="post" action="{{route('devis.store')}}">

                                @csrf
                            <div class="form-group">
                                <label> Nom </label>
                                <input type="text" class="mt-2 form-control @error('email') is-invalid @enderror" placeholder=""
                                    name="nom">
                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label> Téléphone </label>
                                <input type="text" class="mt-2 form-control @error('email') is-invalid @enderror" placeholder=""
                                    name="telephone">
                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                            <div class="form-group">
                                <label> Email </label>
                                <input type="text" class="mt-2 form-control @error('email') is-invalid @enderror" placeholder=""
                                    name="email">
                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>



                            <div class="form-group">
                                <label> Objet </label>
                                <input type="text" class="mt-2 form-control @error('subject') is-invalid @enderror"
                                    placeholder="" name="objet">
                                @error('subject')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>

                            <div class="form-group">
                                <label> Message </label>
                                <textarea class="mt-2 form-control textarea @error('message') is-invalid @enderror" placeholder="Message"
                                    name="message"></textarea>
                                @error('message')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror

                            </div>
                            <div class="update ml-auto mr-auto d-flex justify-content-end">
                                <button type="submit" class="btn btn-success btn-round">Envoyer</button>
                            </div>
                          </form>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    @endsection