@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="add_corp_gov_report" action="{{ route('corp_gov_reportPost') }}" enctype="multipart/form-data">@csrf
                                        <div class="form-group row">
                                            <label for="username" class="col-sm-2 col-form-label">Quarter</label>
                                            <div class="col-sm-10">
                                                <select class="form-control" id="quarter" name="quarter" required>
                                                    <option value="Q1">Q1</option>
                                                    <option value="Q2">Q2</option>
                                                    <option value="Q3">Q3</option>
                                                    <option value="Q4">Q4</option>
                                                    
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="username" class="col-sm-2 col-form-label">Year</label>
                                            <div class="col-sm-10">
                                                <select class="form-control" id="year" name="year" required>
                                                    @for ($i = 2021; $i > 2011; $i--)
                                                        <option value="{{$i}}-{{$i-1}}">{{$i}}-{{$i-1}}</option>
                                                    @endfor
                                                        <option value="Archive">Archive</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="email" class="col-sm-2 col-form-label">Title</label>
                                            <div class="col-sm-10">
                                                <input type="text" class="form-control" name="title" id="title" placeholder="Title" required>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <label for="username" class="col-sm-2 col-form-label">File Type</label>
                                            <div class="col-sm-10">
                                                <select class="form-control" id="file_type" name="file_type" required>
                                                    <option value="0">Image</option>
                                                    <option value="1">Video</option>
                                                    <option value="2">PDF</option>
                                                    <option value="3">Audio</option>
                                                    
                                                </select>
                                            </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="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