@extends('layouts.rptviewer')
@section('title','GIMS')
@section('script')
<link rel="stylesheet" href="{{ asset('css/select2.min.css') }}">
<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 src="{{ asset('js/select2.min.js') }}"></script>
<script>

    $('#asset_type_id').change(function() {
        var assettype_id = $(this).val();
        $.ajax({
            url: "{{ route('get-asset-categoryrptviewer')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                assettype_id: assettype_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_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-categoryrptviewer')}}",
            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.data) {
                    $.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-namerptviewer')}}",
            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);
            }
        });
    });
    $('#funding_id').select2();
   
    $('#manufacturer_id').select2();

</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 General Reports</div>
                </div>
                <div class="ibox-body">
                    {{ Form::open(['url'=>route('reportviewer-gen-report'), 'class'=>'form', 'method'=>'get']) }}
                    <div class="form-group row">
                        <div class="col-3"></div>
                        {{ Form::label('Report','Report Category: ',['class'=>'col-sm-2']) }}
                        <div class="col-sm-3">
                            {{ Form::select('report', ['rego'=>'Registration','allo'=>'Allocation','trans'=>'Transfer','ins'=>'Inspection','maint'=>'Maintainence','disp'=>'Disposal'], 'Registration',['class'=>'form-control form-control-sm','id'=>'report_category_id','required'=>true ] ) }}
                        </div>
                    </div>
                    <hr>
                    @include('reports.section.rptvuagency-hirerchyadmin')
                    <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--</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--</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--</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--</option>

                                    </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">Acquisition Type: </label>
                                <div class="col-sm-8">
                                    <select name="aquisition_id" id="aquisition_id" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>
                                        @if($acquisition_type)
                                        @foreach($acquisition_type as $type)
                                        <option value="{{ $type->id }}">{{ $type->acquisation_type }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                        </div>


                        <div class="col-5">

                        </div>
                    </div>
                   
                    <div id="country_div">

                        <div class="row d-none">
                            <div class="col-1"></div>
                            <div class="col-5">

                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Country: </label>
                                    <div class="col-sm-8">
                                        <select name="country_id" id="Country_id" class="form-control form-control-sm">
                                            <option value="" selected disabled>--Select--</option>

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

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

                            </div>
                        </div>
                        <div class="row d-none">
                            <div class="col-1"></div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Gewog: </label>
                                    <div class="col-sm-8">
                                        <select name="gewog_id" id="gewog_id" class="form-control form-control-sm">
                                            <option value="" selected disabled>--Select--</option>

                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-5">
                                <div class="form-group row">
                                    <label for="" class="col-sm-4">Village: </label>
                                    <div class="col-sm-8">
                                        <select name="village_id" id="Village_id" class="form-control form-control-sm">
                                            <option value="" selected disabled>--Select--</option>

                                        </select>
                                    </div>
                                </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">Funding: </label>
                                <div class="col-sm-8">
                                    <select name="funding_id" id="funding_id" class="form-control form-control-sm">
                                    <option value="" disabled selected>--Select--</option>
                                        @if($funding_data)
                                        @foreach($funding_data as $funding_id)
                                        <option value="{{ $funding_id->id }}">{{ $funding_id->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="0" >--Select--</option>
                                        @if($manufacturer_data)
                                        @foreach($manufacturer_data as $manu_data)
                                        <option value="{{ $manu_data->id }}">{{ $manu_data->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="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">EGP Tender Id: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="egp_tender_no"  class="form-control form-control-sm" id="egp_tender_id">
                                </div>
                            </div>
                        </div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Disposal Type: </label>
                                <div class="col-sm-8">
                                    <select name="disposaltype" id="disposaltype" class="form-control form-control-sm">
                                        <option value="" selected disabled>--Select Any One--</option>
                                        @if($disposal_type_data)
                                        @foreach($disposal_type_data as $manu_data)
                                        <option value="{{ $manu_data->id }}">{{ $manu_data->disposaltype }}</option>
                                        @endforeach
                                        @endif
                                    </select>
                                </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> Cancel </button></div>
                                <div class="col-3"></div>
                            </div>
                        </div>
                    </div>

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

    </div>

</div>
@endsection