tifawt/resources/views/frontend/devis/devis.blade.php

@extends('frontend.layouts.navBar')

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

        .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/banner.jpg') }}" alt="">
            <div class="devis">Demande de Devis</div>
        </div>




        <div class="container devisForms">
            <div class="row">
                <div class="col-6 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-6 text-start">
                    <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="Objet" 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">
                        <button type="submit" class="btn btn-success btn-round">Envoyer</button>
                    </div>
                  </form>
                </div>

            </div>
        </div>
    @endsection