@extends('layouts.backend.main')
@section('title','About')
@section('styles')

@endsection
@section('body')
    <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>A Propos</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-about-list') }}">A Propos</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">Ajouter</p>
                    </div>
                </div>
                <br /><br />

        <div class="modal-content">
           <div class="col s12 m12 l12">
               <div id="prefixes" class="card card card-default scrollspy">
                <div class="card-content">
                    <form id="upload_form" method="POST" action="{{ route('admin-add-insert') }}" enctype="multipart/form-data">
                        {{ csrf_field() }}
                        <div class="row">
                            <div class="input-field col s12">
                                <i class="material-icons prefix">User</i>
                                <input id="lastname" type="text" name="label" >
                                <label for="lastname">Nom</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="input-field col s12">
                                <i class="material-icons prefix">Content</i>
                                <input id="firstname" type="text" name="content" >
                                <label for="firstname">Content</label>
                            </div>
                        </div>

                        <div class="row" style="text-align: center">
                            <div class="col s12">
                                <div id="file-upload" class="section">
                                    <!--Default version-->
                                    <div class="row section">
                                        <div class="col s12">
                                            <input type="file" id="input-file-now" name="about_image" class="dropify" data-allowed-file-extensions="png jpg jpeg" >
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="input-field col s12">
                                <button  class="btn cyan waves-effect waves-light right save_button" type="submit">Enregistrer
                                    <i class="material-icons right">cloud_upload</i>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
           </div>
        </div>
    </div>
@endsection
@section('scripts')
@endsection