@extends('layouts.data-entry')
@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 50px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 10px 8px;
        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.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>
    $('.registeredequipmentreport').dataTable();


$('.view-detail').click(function(e) {
        var auctiondate = $(this).data('id');

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

                    $.each(response.data, function(key, value) {
                        html_body += "<tr>";
                        html_body += "<td>" + (key + 1) + "</td>";
                        html_body += "<td>" + value.identification_code + "</td>";
                        html_body += "<td>" + value.equipmentdetail.asset_category.asset_category_name + "</td>";
                        html_body += "<td>" + value.equipmentdetail.asset_sub_category.asset_sub_category_name + "</td>"
                        html_body += "<td>" + value.equipmentdetail.asset_name.asset_name + "</td>";
                        html_body += "<td>" + value.price + "</td>";
                        html_body += "<td>" + value.lot_no + "</td>";
                        html_body += "<td>" + value.equipmentdetail.cost + "</td>";



                        html_body += "</tr>";
                    });
                    $('#equip-table').html(html_body);
                    $('.equipmentdetails').dataTable();
                }
                $('#content-modal').modal('show');
            }
        });
    });

</script>


@endsection
@section('content')
<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">Equipment 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">
                <table id="equipmentdetails" class="equipmentdetails table-striped table-hover">
                    <thead class="thead-dark">
                        <th>Sl.No</th>
                        <th>Identification Code</th>
                        <th>Category</th>
                        <th>Sub Category</th>
                        <th>Name</th>
                        <th>Purchase Date</th>
                        <th>Specification</th>
                        <th>Cost</th>


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

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

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


<div class="page-content fade-in-up">

    <div class="row">
        <div class="col-lg-12">
            <div class="ibox">
                <div">
                    <div class="d-flex justify-content-between bg-info align-items-center">
                        <div class="p-0 ">
                            <h4>&nbsp&nbspRegistered Equipment Report</h4>
                        </div>
                        <div class="p-0 "></div>
                        <div class="p-0 ">{{ Form::open(['url'=>route('sales'), 'class'=>'form', 'method'=>'get']) }}
                        <input type="hidden" value="{{$agencytr}}" name="agencytr" class="form-control form-control-sm" id="agencytr">
                            <input type="hidden" value="{{$agencyr}}" name="agencyr" class="form-control form-control-sm" id="agencyr">
                            <input type="hidden" value="{{$deptr}}" name="deptr" class="form-control form-control-sm" id="deptr">
                            <input type="hidden" value="{{$divir}}" name="divir" class="form-control form-control-sm" id="divir">
                            <input type="hidden" value="{{$fieldr}}" name="fieldr" class="form-control form-control-sm" id="fieldr">
                            <input type="hidden" value="{{$startdr}}" name="startdr" class="form-control form-control-sm" id="startdr">
                            <div class="p-0"><button class="button btn button" type="submit"><i class="fa fa-download"></i>&nbsp/&nbsp<i class="fa fa-print"></i>&nbsp&nbspDownload / Print</button></div>
                            {{ Form::close() }}
                        </div>
                    </div>
            </div>
            <div class="ibox-body">
                <table id="registeredequipmentreport" class="registeredequipmentreport table-striped table-hover">
                    <thead class="thead-dark">
                        <tr>
                        <th>Auction Date</th>
                            <th>Lot No</th>
                            <th>Reserved Price</th>
                            <th>Salling Price</th>
                            <th>Bidder Name</th>
                            <th>Bidder CID</th>
                            <th>Bidder Contact</th>
                            <th>Sell Date</th>
                            
                        </tr>
                    </thead>
                    <tbody>
                        @if($data)
                        @foreach($data as $equip_data)
                        <tr>
                        <td>
                                    <a href="javascript:;" data-id="{{ $equip_data->auctiondate}}" class="view-detail">
                                        {{ @$equip_data->auctiondate }}
                                    </a>
                                </td>
                            <td>{{ @$equip_data->lot_no }}</td>
                            <td>{{ @$equip_data->price }}</td>
                            <td>{{ @$equip_data->sellingprice }}</td>
                            <td>{{ @$equip_data->name }}</td>
                            <td>{{ @$equip_data->cid }}</td>
                            <td>{{ @$equip_data->contact }}</td>
                            <td>{{ @$equip_data->selldate }}</td>
                     

                        </tr>
                        @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>

</div>
</div>
@endsection