@extends('layouts.backend.main')
@section('title','Mot du DG')
@section('styles')
    @include('pages.backend.includes.responsable_styles_links')
@endsection
@section('body')
    <div class="row">
        <div id="breadcrumbs-wrapper" data-image="{{asset('backend/images/gallery/breadcrumb-bg.jpg')}}">
            <!-- Search for small screen-->
            <div class="container">
                <div class="row">
                    <div class="col s12 m6 l6">
                        <h5 class="breadcrumbs-title mt-0 mb-0"><span>Mot du DG</span></h5>
                    </div>
                    <div class="col s12 m6 l6 right-align-md">
                        <ol class="breadcrumbs mb-0">
                            <li class="breadcrumb-item"><a href="{{route('admin-home')}}">Acceuil</a>
                            </li>
                            <li class="breadcrumb-item"><a href="{{ route('admin-responsible') }}">Mot du DG</a>
                            </li>

                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="col s12">
            <div class="container">
                <div class="seaction">

                    <div class="card">
                        <div class="card-content top-text">
                            <p class="caption mb-0">Mot du DG</p>

                        </div>
                    </div>

                    <!--Basic Form-->

                    <!-- jQuery Plugin Initialization -->
                    <div class="row">


                        <!-- Form with icon prefixes -->
                        <div class="col s12 m6 l6">
                            <div id="prefixes" class="card card card-default scrollspy carousel_ulpload_card">
                                <div class="card-content">
                                    <form id="upload_form">
                                        <div class="row">
                                            <div class="col s12">
                                                <img id="responsable_image" />
                                            </div>
                                        </div>
                                        <div class="row">
                                            <input  accept="image/*" type="file" hidden="hidden" id="input_tag" >
                                            <button id="upload_button" class="btn mb-1 waves-effect waves-light">
                                                Changer l'image
                                                <i class="material-icons right">upload</i>
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <!-- Form with validation -->
                        <div class="col s12 m6 l6 validation_wrapper">
                            <div id="validation" class="card card card-default scrollspy">

                                <div class="row  pt-3 pl-2 pr-2 pb-5">
                                    <div class="col s12 m4">
                                        <div class="input-field col s12">
                                            <i class="material-icons prefix">title</i>
                                            <input id="lastname" type="text" name="lastname" >
                                            <label for="lastname">Nom</label>
                                        </div>
                                    </div>
                                    <div class="col s12 m4">
                                        <div class="input-field col s12">
                                            <i class="material-icons prefix">title</i>
                                            <input id="firstname" type="text" name="firstname" >
                                            <label for="firstname">Prénom</label>
                                        </div>
                                    </div>
                                    <div class="col s12 m4">
                                        <div class="input-field col s12">
                                            <i class="material-icons prefix">title</i>
                                            <select name="type" id="gender">
                                                <option value="male">Homme</option>
                                                <option value="female">Femme</option>

                                            </select>
                                            <label for="type">Genre</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="row  pt-3 pl-2 pr-2 pb-5">
                                    <div class="col s12">
                                        <div id="editor">

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

                    </div>
                </div><!-- START RIGHT SIDEBAR NAV -->

            </div>
            <div class="content-overlay"></div>


        </div>
    </div>
@endsection
@section('scripts')
    @include('pages.backend.includes.responsable_scripts_links')
@endsection