@extends('layouts.dnp')
@section('title','GIMS')
@section('styles')
<link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css')}}">
<link rel="stylesheet" href="{{ asset('css/buttons.dataTables.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>
@endsection
@section('script')
<script src="{{ asset('js/jquery.sweetalert2.min.js') }}"></script>
<script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('js/pdfmake.min.js') }}"></script>
<script src="{{ asset('js/vfs_fonts.js') }}"></script>
<script src="{{ asset('js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('js/buttons.print.min.js') }}"></script>
<script>
    $('.makelot').dataTable();
</script>
<script>
    var assign_code = "{{ $assignlot_code }}";
    $('#add_btn').click(function() {

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

                if (response.status) {
                    // map done

                    $.each(response.data, function(key, value) {
                        tbody_html += "<tr>";

                        tbody_html += "<td>";

                        tbody_html += "<input type='hidden' name='_token' value='{{ csrf_token() }}'>";
                        tbody_html += "<input type='checkbox' name='equip[" + key + "][identification_code]' value='" + value.identification_code + "' class='select_equip' data-id='" + value.identification_code + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][asset_category_id]' value='" + value.asset_category_id + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][asset_sub_category_id]' value='" + value.asset_sub_category_id + "'>";
                        tbody_html += "<input type='hidden' name='equip[" + key + "][asset_name_id]' value='" + value.asset_name_id + "'>";
                        tbody_html += "</td>";
                        tbody_html += "<td>" + value.identification_code + "</td>";
                        tbody_html += "<td>" + value.asset_sub_category.asset_sub_category_name + "</td>";
                        tbody_html += "<td>" + value.asset_name.asset_name + "</td>";
                        tbody_html += "<td>" + value.specification + "</td>";
                        tbody_html += "</tr>";
                    });
                    $('#equip-table').html(tbody_html);
                    $('#content-modal').modal('show');
                    $('.assetdetails').dataTable();

                } else {
                    Swal.fire('error!', response.msg, 'error').then(function() {
                        document.location.href = document.location.href;
                    });
                }
            }
        });
    });


    $('#submit_surrender').click(function() {
        var form_data = new FormData($('#transfer_form')[0]);

        $.ajax({
            url: "{{ route('save-surender') }}",
            type: "post",
            async: false,
            cache: false,
            contentType: false,
            enctype: 'multipart/form-data',
            processData: false,
            data: form_data,

            success: function(response) {
                if (typeof(response) != 'object') {
                    response = JSON.parse(response);

                }
                $('#rpid').val(response.data1[0].sum);

                if (response.data) {

                    showTable(response.data);
                    $('#content-modal').modal('hide');
                }

            }
        })
    });




    function showTable(data) {
        var html_table = '';
        $.each(data, function(key, value) {
            dynamic_name = "equip_grid[" + (key + 1) + "]";
            html_table += '<tr>';
            html_table += "<td>" + (key + 1) + "</td>";
            html_table += "<td>" + value.identification_code + "</td>";
            html_table += "<input type='hidden' name='equip_grid[" + key + "][identification_code]' value='" + value.identification_code + "'>";
            html_table += "<td>" + value.asset_category.asset_category_name + "</td>";
            html_table += "<td>" + value.asset_sub_category.asset_sub_category_name + "</td>";
            html_table += "<td>" + value.asset_name.asset_name + "</td>";

            html_table += "<td><a href='javascript:;' data-id='" + value.id + "'>Delete</a></td>";
            html_table += '</tr>';


        });
        html_table += "<input type='hidden' name='disposal_code' value = '" + assign_code + "'>";
        $('#demand_grid').html(html_table);



    }
</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">Assign Lot</div>

                </div>
               
                <div class="ibox-body">

                    <div class="modal" tabindex="-1" role="dialog" id="content-modal">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title">Asset Detail</h5>
                                    <button type="button" class="" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true"><i class="fa fa-times-circle" aria-hidden="true" style="color: crimson;"></i></span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <form action="" id="transfer_form">
                                        <table id="assetdetails" class="assetdetails table-striped table-hover">
                                            <thead class="thead-dark">
                                                <th>#</th>
                                                <th>Identification Code</th>
                                                <th>Sub Category</th>
                                                <th>Name</th>
                                                <th>Specification</th>

                                            </thead>
                                            <tbody id="equip-table">

                                            </tbody>
                                        </table>
                                    </form>
                                </div>

                                <div class="modal-footer">
                                    <button class="button" id="submit_surrender">
                                        <i class="fa fa-plus"></i> Add
                                    </button>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="ibox-body">

                    {{ Form::open(['url'=>route('lotnos.store'), 'id'=>'equipment-form', 'files'=>'true'] )}}

                    <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.:</label>
                                <div class="col-sm-6">
                                    <input type="text" name="lotno" class="form-control form-control-sm"  id="lotno">
                                </div>
                            </div>
                        </div>

                        <div class="col-1"></div>
                        <div class="col-5">
                            <div class="form-group row">
                                <label for="" class="col-sm-4">Auction Date:</label>
                                <div class="col-sm-6">
                                    <input type="date" name="auctiondate" class="form-control form-control-sm" id="auctionDate">
                                </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">Total Price: </label>
                                <div class="col-sm-6">
                                    <input type="text" name="rpid" id="rpid" class="form-control form-control-sm">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <hr>
                <div class="form-group row">
                        <div class="offset-sm-11">
                            <button class="btn button" type="button" id="add_btn">
                                <i class="fa fa-plus"></i> Add
                            </button>
                        </div>
                    </div>
                <div class="ibox-body">
                    <table id="makelot" class="makelot table-striped table-hover">
                        <thead>
                            <th>Sl.No.</th>
                            <th>Identification</th>
                            <th>Category</th>
                            <th>Sub Category</th>
                            <th>Asset Name</th>
                            <th>Action</th>
                        </thead>
                        <tbody id="demand_grid">

                        </tbody>
                    </table>
                </div>


                <div class="form-group row">
                    <div class="col-sm-6 offset-3">
                        <div class="row">
                            <div class="col-2"></div>
                            <div class="col-4"> <button class="button" type="submit"><i class="fa fa-paper-plane"></i> Submit to Approver</button></div>
                            <div class="col-4"> <button class="buttond" type="reset"><i class="fa fa-trash"></i> Cancel </button></div>
                            <div class="col-2"></div>
                        </div>

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

</div>




@endsection