@extends('layouts.approver')
@section('title','GIMS')
@section('script')
<style>
    .button {
        background-color: #2C5F2D;
        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: #97BC62FF;
    }

    .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>
    $('#agency_type_id_id').change(function() {
        var agency_type_id = $(this).val();
        var default_html = "<option value='' selected>-- Select Any one --</option>";
        $('#dept_dzo_id').html(default_html);
        $('#division_id').html(default_html);
        $('#field_regional_id').html(default_html);

        $.ajax({
            url: "{{ route('get-agency')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                agen_typ_id: agency_type_id
            },
            success: function(response) {
                if (typeof(response) != 'object') {
                    response = JSON.parse(response);
                }

                $('#agency_title').html(response.data.agency_type + ": ");

                var agency_html = "<option value='' selected>-- Select Any one --</option>";
                if (response.status) {
                    $.each(response.data.agencies, function(key, value) {
                        agency_html += "<option value='" + value.id + "'>" + value.agency_name + "</option>";
                    });
                    $('#agency_id').html(agency_html);
                }
            }
        });
    });

    $('#agency_id').change(function() {
        var agency_id = $(this).val();
        var default_html = "<option value='' selected>-- Select Any one --</option>";
        $('#division_id').html(default_html);
        $('#field_regional_id').html(default_html);

        $.ajax({
            url: "{{ route('get-department')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                agen_id: agency_id
            },
            success: function(response) {
                if (typeof(response) != 'object') {
                    response = JSON.parse(response);
                }

                // $('#agency_title').html(response.data.agency_type+": ");

                var dept_html = "<option value='' selected>-- Select Any one --</option>";
                if (response.status) {
                    $.each(response.data.departments, function(key, value) {
                        dept_html += "<option value='" + value.id + "'>" + value.dept_dzo_name + "</option>";
                    });
                    $('#dept_dzo_id').html(dept_html);
                }
            }
        });
    });

    $('#dept_dzo_id').change(function() {
        var dept_id = $(this).val();
        var default_html = "<option value='' selected>-- Select Any one --</option>";
        $('#field_regional_id').html(default_html);

        $.ajax({
            url: "{{ route('get-division')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                dept_id: dept_id
            },
            success: function(response) {
                if (typeof(response) != 'object') {
                    response = JSON.parse(response);
                }

                // $('#agency_title').html(response.data.agency_type+": ");

                var division_html = "<option value='' selected>-- Select Any one --</option>";
                if (response.status) {
                    $.each(response.data.division, function(key, value) {
                        division_html += "<option value='" + value.id + "'>" + value.division_name + "</option>";
                    });
                    $('#division_id').html(division_html);
                }
            }
        });
    });

    $('#division_id').change(function() {
        var div_id = $(this).val();

        $.ajax({
            url: "{{ route('get-field-regional')}}",
            type: "post",
            data: {
                _token: "{{ csrf_token() }}",
                div_id: div_id
            },
            success: function(response) {
                if (typeof(response) != 'object') {
                    response = JSON.parse(response);
                }

                // $('#agency_title').html(response.data.agency_type+": ");

                var field_regional_html = "<option value='' selected>-- Select Any one --</option>";
                if (response.status) {
                    $.each(response.data.field_regionals, function(key, value) {
                        field_regional_html += "<option value='" + value.id + "'>" + value.field_regional_name + "</option>";
                    });
                    $('#field_regional_id').html(field_regional_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">
                        Cancallation Info
                    </div>
                </div>
                <div class="ibox-body">

                    {{ Form::open(['url'=>route('save-editlotpriceagencycanc'), 'class'=>'form']) }}
                   
                    <div class="row">
                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Lot No. <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="text" name="lotno" Value="" required class="form-control form-control-sm"  id="lotno">
                                    <input type="hidden" name="ids" Value="" required class="form-control form-control-sm"  id="ids">
                                </div>
                            </div>
                        </div>

                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Reserved Price <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                <input type="text" name="rp" Value="{{$totalsum[0]->sum}}" required class="form-control form-control-sm" maxlength="35" id="rp">
                                <input type='hidden' name="dcode" value=" {{$totalsum[0]->disposal_code}} ">
                                </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">Auction Date <span class="required">*</span>: </label>
                                <div class="col-sm-8">
                                    <input type="date" name="invoice_date" class="form-control form-control-sm" required placeholder="Enter Auction Date" id="invoice_date">
                                </div>
                            </div>
                        </div>

                    </div>
                    <hr>
                    <div class="form-group row">
                        <table class="table">
                            <thead>
                                <th>Sl.No.</th>
                                <th>Identification Code</th>
                                <th>Building Category</th>
                                <th>Sub Category</th>
                                <th>Block No.</th>
                                <th>Action</th>
                            </thead>
                            <tbody id="demand_grid">
                            @if($assetdetail)
                            @foreach($assetdetail as $equip_data)
                            <tr>
                            
                             <input type='hidden' name='equip["{{$equip_data->id}} "][identification_code]' value=" {{$equip_data->identification_code}} ">
                             <input type='hidden' name='equip["{{$equip_data->id}} "][dep_price]' value=" {{$equip_data->dep_price}} ">
                                <td>{{ @$equip_data->id }}</td>
                                <td>{{ @$equip_data->disposal_code }}</td>
                                <td>{{ @$equip_data->identification_code }}</td>
                                <td>{{ @$equip_data->asset_category->asset_category_name }}</td>
                                <td>{{ @$equip_data->asset_sub_category->asset_sub_category_name }}</td>
                                <td>{{ @$equip_data->asset_name->asset_name }}</td>
                              
                             
                            </tr>
                            @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div>

                    <hr>

                    <div class="form-group row">
                        <div class="col-sm-6 offset-4">
                            <div class="row">
                                <div class="col-3">{{ Form::button("<i class='fa fa-trash'></i> Reset",['class'=>'btn btn-danger', 'type'=>'reset']) }}</div>
                                <div class="col-3"> {{ Form::button("<i class='fa fa-paper-plane'></i> Save",['class'=>'btn button', 'type'=>'submit']) }}</div>
                            </div>


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

    </div>

</div>
@endsection