@extends('layouts.master')
@section('content')
<style>
    .dis-slab-card {
        font-size: 13px;
        margin: 0;
    }

    .dis-input {
        font-size: 13px;
        border: solid 1px #e8e8e8;
        width: 100px;
        height: 25px;
        padding-left: 8px
    }

    .dis-input:focus {
        border: solid 1px #0038ba
    }

    .topsec {
        background-color: #f7f7f7;
        font-size: 13px;
        padding: 10px 0px;
        margin: 0
    }

    .dis-slab-card .btn-primary {
        font-size: 13px;
        padding: 5px 35px;
        line-height: 1;
        box-shadow: none;
    }

    .dis-slab-card .red-bg {
        border-color: #f12300;
        box-shadow: none;
    }

    .dis-slab-card .add-slab-btn {
        width: 100%;
        font-size: 14px;
        padding: 10px
    }

    .add-slab-btn {
        letter-spacing: 1px;
        border: solid 1px #003db6;
        background: linear-gradient(90deg, #ededed 0%, #ededed 100%);
        color: #282828;
        border: none;
        padding: 5px 35px;
    }

    .add-slab-btn:Hover,
    .add-slab-btn:focus {
        border: none;
    }

    .slab-card-row {
        line-height: 25px;
        border: solid 1px #e5e5e5;
        border-top: none;
        margin: 0;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .pt-28 {
        padding-top: 28px
    }

</style>

<div class="row mt-2 mb-3">
    <div class="col-lg-6 col-md-6 col-sm-6">
        <h2 class="_head01">Stock Out<span> Reports</span></h2>
    </div>

    <div class="col-lg-6 col-md-6 col-sm-6">
        <ol class="breadcrumb">
            <li><a href="#"><span>Stock Out</span></a></li>
            <li><span>Generate</span></li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-md-12 mb-30">
        <div class="card PB-20">

            <div class="header">
                <h2>Stock Out <span>Report</span></h2>
            </div>

            <div id="floating-label" class="row m-0">
                <div class="form-wrap PB-10 PT-10">
                    <form action="" method="get" id="stockOutReportForm">
                        {{-- @csrf --}}
                        <div class="row m-0">
                            <div class="col-md-3">
                                <label class="font11 mb-5 ">Select Date</label>
                                <input type="text" name="date" class="form-control datepicker stockOutDate" placeholder="">
                            </div>
                            <div class="col-auto pt-28">
                                <button type="button" class="btn btn-primary btn-line stockOutReport"
                                    style="line-height:1; height: 34px; box-shadow:none" onclick="genrateReport('{{route('get_stock_out_report','')}}')">Genrate Report</button>
                            </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection