@extends('layouts.approver')
@section('title','GIMS')
@section('styles')

<style>
    .nav-tabs-wrapper {
        display: block;
        overflow: hidden;
        height: calc(1.5rem + 1rem + 2px);
        /** 1.5 is font-size, 1 is padding top and bottom, 2 is border width top and bottom */
        position: relative;
        z-index: 1;
        margin-bottom: -1px;

        .nav-tabs {
            overflow-x: auto;
            flex-wrap: nowrap;
            border-bottom: 0;
        }

        .nav-item {
            margin-bottom: 0;

            &:first-child {
                padding-left: 15px;
            }

            &:last-child {
                padding-right: 15px;
            }
        }

        .nav-link {
            white-space: nowrap;
        }

        .dragscroll:active,
        .dragscroll:active a {
            cursor: -webkit-grabbing;
        }
    }

    .nav-tabs-wrapper-border {
        display: block;
        width: 100%;
        border-top: 1px solid #e68524;
    }

    .tab-pane {
        padding: 1rem;
    }

    body {
        color: #3077bb;
    }

    .button {
        background-color: #3077bb;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 3px 2px;
        cursor: pointer;
        border-radius: 16px;
    }

    .button:hover {
        background-color: #e68524;
    }
</style>


@endsection
@section('script')

@endsection
@section('content')

<div class="page-content fade-in-up">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div class="ibox-head">
                    <div class="ibox-title">Generate Asset Transaction History</div>
                </div>
                <div class="ibox-body">

                    {{ Form::open(['url'=>route('aget-asset-historyall'), 'id'=>'equipment-form'] )}}
                    <div class="row">
                        <div class="col-3"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label class="col-sm-4">Asset Type: </label>
                                <div class="col-6">
                                    <select name="assettype" required id="assettype" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>
                                        @if($asset_type_data)
                                        @foreach($asset_type_data as $type)
                                        <option value="{{ $type->id }}">{{ $type->asset_type }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-4"></div>
                        <div class="col-5">
                            <div> <button class="yyy btn button" type="submit"><i class="fa fa-save"></i> Generate Report</button></div>
                        </div>

                    </div>
                </div>

                {{ Form::close() }}

                <!-- End Tabs -->

            </div>
        </div>

    </div>
</div>


@endsection