@extends('layouts.data-entry')
@section('title','GIMS')
@section('script')
<style>
    .button {
        background-color: #3077bb;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 10px;
    }

    .button:hover {
        background-color: #e68524;
    }

    .buttond {
        background-color: #db1709;
        border: none;
        color: white;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 4px 2px;
        cursor: pointer;
        border-radius: 10px;
    }

    .buttond:hover {
        background-color: #e68524;
    }

    hr {
        display: block;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: auto;
        border-style: inset;
        border-width: 1px;
        border-color: #80d8ff;
    }
</style>
<script>
    $('#asset_type_id').change(function() {
        var assettype_id = $(this).val();

        $.ajax({
            url: "{{ route('get-asset-category')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                assettype_id: assettype_id
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                console.log(response);
                var sub_cat_html = "<option value='' selected disabled>--Select Any One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {
                        sub_cat_html += "<option value='" + value.id + "'>" + value.asset_category_name + "</option>";
                    });
                }
                $('#asset_category_id').html(sub_cat_html);
            }
        });
    });

    $('#asset_category_id').change(function() {
        var cat_id = $(this).val();
        $.ajax({
            url: "{{ route('get-sub-category')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                cat_id: cat_id
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var sub_cat_html = "<option value='' selected disabled>--Select Any One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {
                        sub_cat_html += "<option value='" + value.id + "'>" + value.asset_sub_category_name + "</option>";
                    });
                }
                $('#asset_sub_category_id').html(sub_cat_html);
            }
        });
    });

    $('#asset_sub_category_id').change(function() {
        var sub_cat_id = $(this).val();
        $.ajax({
            url: "{{ route('get-asset-name')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                sub_cat_id: sub_cat_id
            },
            success: function(response) {
                if (typeof(response) != "object") {
                    response = JSON.parse(response);
                }
                var asset_name_html = "<option value='' selected disabled>--Select Any One--</option>";
                if (response.status) {
                    $.each(response.data, function(key, value) {
                        asset_name_html += "<option value='" + value.id + "'>" + value.asset_name + "</option>";
                    });
                }
                $('#asset_name_id').html(asset_name_html);
            }
        });
    });
</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 Staticial Report</div>
                </div>
                <div class="ibox-body">
                    {{ Form::open(['url'=>route('data-entry-staticial-report'), 'class'=>'form', 'method'=>'get']) }}


                    <hr>
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Asset Type: </label>
                                <div class="col-sm-8">
                                    <select required name="asset_type_id" id="asset_type_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>
                                        @if($asset_type_data)
                                        @foreach($asset_type_data as $atype_data)
                                        <option value="{{ $atype_data->id }}">{{ $atype_data->asset_type }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Asset Category: </label>
                                <div class="col-sm-8">
                                    <select name="asset_category_id" id="asset_category_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>

                                    </select>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Equipment Sub Category: </label>
                                <div class="col-sm-8">
                                    <select name="asset_sub_category_id" id="asset_sub_category_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>

                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Asset Name: </label>
                                <div class="col-sm-8">
                                    <select name="asset_name_id" id="asset_name_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>

                                    </select>
                                </div>
                            </div>

                        </div>
                    </div>


                    <hr>
                    @include('reports.section.uagency-hirerchy')
                    <div id="country_div">
                        <div class="row">
                            <div class="col-1"></div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Funding: </label>
                                    <div class="col-sm-8">
                                        <select name="funding_id" id="funding_id" class="form-control form-control-sm">
                                            <option value="" selected disabled>--Select Any One--</option>
                                            @if($funding_data)
                                            @foreach($funding_data as $fund)
                                            <option value="{{ $fund->id }}">{{ $fund->funding_source_name }}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Manufacturer: </label>
                                    <div class="col-sm-8">
                                        <select name="manufacturer_id" id="manufacturer_id" class="form-control form-control-sm">
                                            <option value="" selected disabled>--Select Any One--</option>
                                            @if($manu_data)
                                            @foreach($manu_data as $manu)
                                            <option value="{{ $manu->id }}">{{ $manu->manufacturer_name }}</option>
                                            @endforeach
                                            @endif
                                        </select>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <hr>
                        <div class="row">
                            <div class="col-1"></div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Start Date: </label>
                                    <div class="col-sm-8">
                                        <input type="date" name="start_date" class="form-control form-control-sm" placeholder="Enter Requisition Date" id="start_date">
                                    </div>
                                </div>

                            </div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">End Date: </label>
                                    <div class="col-sm-8">
                                        <input type="date" name="end_date" class="form-control form-control-sm" placeholder="Enter Requisition Date" id="end_date">
                                    </div>
                                </div>

                            </div>
                        </div>
                        <hr>

                        <div class="form-group row">
                            <div class="col-sm-12">
                                <div class="row">
                                    <div class="col-3"></div>
                                    <div class="col-3"> <button class="btn button" type="submit"><i class="fa fa-save"></i> Generate Report</button></div>
                                    <div class="col-3"> <button class="btn  buttond " type="reset"><i class="fa fa-times"></i> reset </button></div>
                                    <div class="col-3"></div>
                                </div>
                            </div>
                        </div>

                        {{ Form::close() }}
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>
@endsection