@extends('layouts.layout')
@section('content')
    <div class="main-panel">
        <!-- Navbar -->
    @include('layouts.component.navbar')
    <!-- End Navbar -->
        <div class="content">
            <div class="container-fluid">
                <div class="row">
                    @if($status == 1 OR $status == 0)
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-body text-center">
                                    <h2>
                                        @if($status == 1)
                                            Data Added Successfully
                                        @else
                                            Unable to Upload Data. Please Check the uploaded file and Try Again
                                        @endif
                                    </h2>
                                </div>
                            </div>
                        </div>
                    @endif
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header card-header-primary">
                                <h4 class="card-title">Add New</h4>
                                {{--                            <p class="card-category">Complete your profile</p>--}}
                            </div>
                            <form action="{{ route('store.data') }}" method="POST">
                                @csrf
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <label class="bmd-label-floating">Date of Purchase</label>
                                            <div class="form-group">
                                                <input type="date" name="dateOfPurchase" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="bmd-label-floating">Type</label>
                                                <input type="text" name="type" class="form-control">
                                            </div>
                                        </div>
                                        
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="bmd-label-floating">Name</label>
                                                <input type="text" name="name" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="bmd-label-floating">Department</label>
                                                <input type="text" name="department" class="form-control">
                                            </div>
                                        </div>
                                        
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="bmd-label-floating">User</label>
                                                <input type="text" name="user" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="bmd-label-floating">Unique ID</label>
                                                <input type="text" name="id" class="form-control">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="bmd-label-floating">Price</label>
                                                <input type="text" name="price" class="form-control">
                                            </div>
                                        </div>
                                         <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="bmd-label-floating">Purchase Order No</label>
                                                <input type="text" name="purchase_order_no" class="form-control">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label class="bmd-label-floating">Stock Register No-Page no (BRR)</label>
                                                <input type="text" name="stock_register_no" class="form-control">
                                            </div>
                                        </div>
                                    </div>


                                    <button type="submit" class="btn btn-primary pull-right">Add New</button>
                                    <div class="clearfix"></div>

                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-12 text-center">
                        
                        <h3>OR</h3>
                        
                    </div>
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header card-header-primary">
                                <h4 class="card-title">Bulk Upload via Excel  (.xlsx, .xls, .csv)</h4>
                                {{--                            <p class="card-category">Complete your profile</p>--}}
                            </div>
                            <form action="{{ route('upload.data') }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="card-body">
                                    <form>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label class="bmd-label-floating">Select File</label>
                                                <input type="file" name="dataFile" class="form-control"
                                                       accept=".xlsx, .xls, .csv">
                                            </div>
                                        </div>

                                        <button type="submit" class="btn btn-primary pull-right">Upload</button>
                                        <div class="clearfix"></div>
                                    </form>

                                </div>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        @include('layouts.component.footer')
    </div>
@endsection