@extends('layout.master')
@section('content') 

        <!-- Start of .header-bottom-4 -->
        <header class="header-bottom-4">
            <img src="template/images/banner/banner5.jpg">
            <div class="header-bottom-4__bg">
                <div class="icon">
                    <img src="template/images/banner/banner-shape.png">
                </div>
            </div>
            <div class="container">
                <h1 class="section-title">Nous <span>contacter</span></h1>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{url('/')}}">Accueil</a></li>
                    <li class="breadcrumb-item active">Nous contacter</li>
                </ol>
            </div>
        </header>
        <!-- End of .header-bottom-4 -->

                <section class="contact main-blog">
            <div class="main-blog__bg">
                <div class="icon">
                    <img src="template/images/png-shapes/form-shape.png">
                </div>
                <div class="icon">
                    <img src="template/images/png-shapes/specialists__left-bottom-shape.png">
                </div>
            </div>

            <div class="container container_right-sidebar">
                <div class="article">
                    <h1 class="title">Nous écrire</h1>
                    <form method="POST" action="{{url('/traitement_form')}}" enctype="multipart/form-data">
                                        {{ csrf_field() }}
                        <div class="form-row">
                            <div class="form-group col-md-12 col-12">
                                <textarea name="message" class="form-control" placeholder="Tapez votre texte"></textarea>
                            </div>
                            <div class="form-group col-md-6">
                                <input type="text" class="form-control" name="profession" placeholder="Votre profession">
                            </div>
                            <div class="form-group col-md-6">
                                <input type="file" name="attachment1" class="form-control" placeholder="Joindre un document">
                            </div>
                            <div class="form-group col-md-6">
                                <input type="text" class="form-control" name="nom" placeholder="Votre Nom" required>
                            </div>
                            <div class="form-group col-md-6">
                                <input type="email" name="email" class="form-control" placeholder="Votre Email" required>
                            </div>
                        </div>
                        <button type="submit" name="submit" class="btn btn-2_pink">Envoyer</button>
                        <!-- <label>* Personal data will be encrypted</label> -->
                    </form>
                </div>
                <div class="sidebar">
                    <div class="blog-sidebar">
                        <br>
                        <div class="follow">
                            <h1 class="blog-sidebar-title">Suivez nous</h1>
                            <div class="socials">
                                <a href="https://www.facebook.com/H%C3%B4pital-Braun-Cinkass%C3%A9-105856458586293/?ref=page_internal">
                                    <i class="fa fa-facebook"></i>
                                </a>
                                <a href="https://www.linkedin.com/company/hopitalbrauncinkasse/?originalSubdomain=tg">
                                    <i class="fa fa-linkedin"></i>
                                </a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>


        @endsection