@extends('layouts.admin.app')
@section('content')
<main>
    <div class="container-fluid site-width">
        <!-- START: Breadcrumbs-->
        <div class="row ">
            <div class="col-12  align-self-center">
                <div class="sub-header mt-3 py-3 align-self-center d-sm-flex w-100 rounded">
                    <div class="w-sm-100 mr-auto"><h4 class="mb-0">{{ $title}}</h4></div>

                    <ol class="breadcrumb bg-transparent align-self-center m-0 p-0">
                        <li class="breadcrumb-item">Home</li>
                        <li class="breadcrumb-item active"><a href="#">{{ $title}}</a></li>
                    </ol>
                </div>
            </div>
        </div>
        <!-- END: Breadcrumbs-->

        <div id="cmn-respns"></div>

        <!-- START: Card Data-->
        <div class="row">
            <div class="col-12 col-lg-12 mt-12">
                <div class="card">
                    <div class="card-header">                               
                        <h4 class="card-title">{{ $heading}}</h4>                                
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <div class="row">                                           
                                <div class="col-12">
                                    <form method="POST" id="leadership_add" action="{{ route('leadershipPost') }}" enctype="multipart/form-data">@csrf
                                        
                                        <div class="form-group row">
                                            <label for="username" class="col-sm-2 col-form-label">Name</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" name="name" id="name" placeholder="name" required>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="username" class="col-sm-2 col-form-label">Designation</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" name="designation" id="designation" placeholder="Designation" required>
                                            </div>
                                        </div>
                                         
                                        <div class="form-group row">
                                            <label for="email" class="col-sm-2 col-form-label">Text</label>
                                            <div class="col-sm-10">
                                                <textarea name="text" id="text" class="summernote-cstm" placeholder="(optional)"></textarea>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group row">
                                            <label for="inputPassword3" class="col-sm-2 col-form-label">File</label>
                                            <div class="col-sm-8">
                                                <input type="file" name="file" id="file" class="form-control" id="file" required>
                                            </div>
                                            
                                        </div>   
                                         <div class="form-group row">
                                            <label for="inputPassword3" class="col-sm-2 col-form-label">Type</label>
                                            <div class="col-sm-8">
                                                <input type="radio" id="bod" name="mgt_type" value="1">
                                                <label for="male">Board Of Director</label><br>
                                                <input type="radio" id="mgt" name="mgt_type" value="0">
                                                <label for="female">Management</label><br>
                                                <input type="radio" id="both" name="mgt_type" value="0,1">
                                                <label for="other">Both</label>
                                            </div>
                                            
                                        </div>
                                        <div class="progress">
                                            <div class="bar"></div >
                                            <div class="percent">0%</div >
                                        </div><br>
                                        <div class="form-group row">
                                            <div class="col-sm-10">
                                                <button type="submit" class="btn btn-primary">Submit</button>  
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
                </div>
            </div>
        </div>
        <!-- END: Card DATA-->
    </div>
</main>

@endsection