@extends('layouts.master')
@section('content')
<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">KPI <span>Management</span></h2>
    </div>
    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>KPI</span></a></li>
            <li><span>Active</span></li>
        </ol>
    </div>
</div>
<div class="rpw mt-20">
    <div class="row mt-2 mb-2">
        <div class="col-lg-6 col-md-6 col-sm-6 ">
            <h2 class="_head01">Upload Bulk<span> KPI</span>
            </h2>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6"></div>
    </div>
    <div class="card">
        <div class="col-md-12 p-0">
            <div class="CataAddName">
                <div class="form-group row m-0">
                    <div class="col-auto PT-5 pr-0">
                        Select Month
                    </div>
                    <div class="col-auto">
                        <div class="form-group" style="height: auto">
                             <input type="text" oninput="enableBtn(this.value)" onchange="enableBtn(this.value)" id="monthSelector" class="form-control" placeholder="Select Month">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12">
            <div class="row">
                <div class="col bulksection mt-20">
                    <div id="floating-label">
                        <div class="form-wrap p-0">
                            <form method="POST" enctype="multipart/form-data" id="uploadBulkKpi">
                                {!! Form::hidden('tokenForAjaxReq', csrf_token()) !!}
                                @csrf
                                <div class="input-group mb-3">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text" id="file">Upload Excel</span>
                                    </div>
                                    <div class="custom-file">
                                        <input type="file" name="file"
                                            class="custom-file-input" id="inputGroupFile02"
                                            aria-describedby="inputGroupFileAddon02">
                                        <label class="custom-file-label file_name_items" for="inputGroupFile02">Choose
                                            file</label>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="col-auto pl-0 PT-20" >
                    <button type="button" style="padding: 8px 20px;" class="btn btn-primary saveKpiBulkUpload font13">Upload</button>
                </div>
            </div>
        </div>
        <div class="col-12">
            <hr>
        </div>
        <div class="col-md-12 PB-30">
            <button type="button" id="sales_target_sheet" class="btn btn-primary font13 mr-2 downloadBulkKpiSheet" disabled >Sales Target Sheet</button>
            <button type="button" id="additional_kpis" class="btn btn-primary font13 mr-2 additionalTgtBulkKpiSheet" disabled >Additional KPIs</button>
        </div>

        <div style="display:none" class="alert alert-danger error_message_div" role="alert"> <strong>Failed!
            </strong> Following Items are not added due to reported issues </div>
        <div class="col-12 m-10 errorsDiv" style="display: none">
        </div>
    </div>
</div>
@endsection