@include('include.head')
@include('include.main')
<div class="kt-content  kt-grid__item kt-grid__item--fluid" id="kt_content">
    @if($session->has('message'))
        <div class="alert alert-{{ $session->get('message')['flag'] }}" role="alert">
            <div class="alert-icon"><i class="la la-{{ $session->get('message')['flag'] }} kt-font-brand"></i></div>
            <div class="alert-text">
                {{ $session->get('message')['alert'] }}
            </div>
        </div>
    @endif
    <div class="kt-portlet kt-portlet--mobile">
        <div class="kt-portlet__head kt-portlet__head--lg">
            <div class="kt-portlet__head-label">
                <h3 class="kt-portlet__head-title">
                    Documente
                </h3>
            </div>
            <div class="kt-portlet__head-toolbar">
                <div class="kt-portlet__head-wrapper">

                </div>
            </div>
        </div>
        <div class="kt-portlet__body">
            <div class="kt-form kt-fork--label-right kt-margin-t-20 kt-margin-b-10">
                <div class="row align-items-center">
                    <div class="col-xl-8 order-2 order-xl-1">
                        <div class="row align-items-center">
                            <div class="col-md-1 kt-margin-b-20-tablet-and-mobile">
                                <div class="kt-form__group kt-form__group--inline">
                                    <div class="kt-form__label">
                                        <label>Filtru</label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 kt-margin-b-20-tablet-and-mobile">
                                <div class="kt-input-icon kt-input-icon--left">
                                    <input type="text" class="form-control" placeholder="..." pattern=".{3,}" title="Minim 3 caractere" id="generalSearch">
                                    <span class="kt-input-icon__icon kt-input-icon__icon--left">
                                        <span><i class="la la-search"></i></span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="kt-portlet__body kt-portlet__body--fit">
            <table class="kt-datatable" width="100%" id="searchTable">
                <thead>
                <tr>
                    <th data-field="#">#</th>
                    <th data-field="ID Document">
                        ID Document
                    </th>
                    <th data-field="Descriere">
                        Descriere
                    </th>
                    <th data-field="Curs valutar">
                        Curs valutar
                    </th>
                    <th data-field="Actiuni">
                        Actiuni
                    </th>
                </tr>
                </thead>
                <tbody>
                @foreach($documents as $index => $document)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $document->number() }}</td>
                        <td>{{ $document->description() }}</td>
                        <td>{{ $document->exchange() }}</td>
                        <td>
                            <a href="{{ URL::to('/documents/update/' . $document->id()) }}"  class="tip" data-toggle="tooltip" >
                                <i class='la la-edit'  style="font-size:19px;"></i>
                            </a>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@include('include.footer')
<script>
    "use strict";
    var KTDatatableTable = {
        init: function() {
            var t;
            t = $(".kt-datatable").KTDatatable({
                data: {
                    saveState: {
                        cookie: !1
                    }
                },
                layout: {
                    scroll: !0,
                    height: 550,
                    footer: !1
                },
                search: {
                    input: $("#generalSearch")
                },
                columns:[{
                    field: "#",
                    width: 40,
                    type: "number",
                    selector: !1,
                    textAlign: "center"
                },{
                    field: "ID Document",
                    width: 115
                },{
                    field: "Descriere",
                    width: 115
                },{
                    field: "Curs valutar",
                    width: 115
                },{
                    field: "Actiuni",
                    width: 115
                }]
            }), $("#kt_form_status").on("change", function() {
                t.search($(this).val().toLowerCase(), "status")
            }), $("#kt_form_type").on("change", function() {
                t.search($(this).val().toLowerCase(), "type")
            }), $("#kt_form_status,#kt_form_type").selectpicker()
        }
    };
    jQuery(document).ready(function() {
        KTDatatableTable.init()
    });
</script>
</html>