@extends('admin/layout')
@section('page_title','Documents')
@section('miscellaneous_select','active')
@section('document_select','active')
@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        Documents
        <small>Manage</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="javascript:void(0)"><i class="fa fa-dashboard"></i>Dashboard</a></li>
        <li class="">Miscellaneous</li>
        <li class="active">Documents</li>
    </ol>
</section>


<section class="content">
    <!-- Info boxes -->
    <div class="row">

        <div class="col-md-12">
            <div class="success_message"></div>
            <div class="box box-warning">
                <div class="box-header with-border">
                    <div class="d-flex justify-content-end text-right">
                        <a href="{{url('admin/documents/add')}}" class="btn btn-info"><i
                                class="fa fa-plus-circle"></i>&nbsp;&nbsp;Add New Documents</a>
                    </div>
                </div>
                <div class="box-body">
                    <div class="col-md-12">
                        @if (session()->has('add_msg'))
                        <div class="alert alert-success alert-dismissible">
                            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                            <strong>{{session()->get('add_msg')}}</strong>
                        </div>
                        @endif
                        @if (session()->has('update_msg'))
                        <div class="alert alert-success alert-dismissible">
                            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                            <strong>{{session()->get('update_msg')}}</strong>
                        </div>
                        @endif
                        @if (session()->has('delete_msg'))
                        <div class="alert alert-success alert-dismissible">
                            <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                            <strong>{{session()->get('delete_msg')}}</strong>
                        </div>
                        @endif
                        <div style="overflow-x: auto;">
                            <table id="product_list" class="table table-responsive table-hover">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>title</th>
                                        <th>Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                    $sl = 1;
                                    @endphp
                                    @foreach ($documents as $item)
                                    <tr>
                                        <td>{{$sl++}}</td>
                                        <td>{{$item->title}}</td>
                                        <td>
                                            <a href="{{url('/admin/documents/view')}}/{{$item->id}}" title="View"
                                                class="btn btn-info btn-xs"><i class="fa fa-eye"></i> View</a>
                                            <a href="{{url('/admin/documents/edit')}}/{{$item->id}}" title="Edit"
                                                class="btn btn-warning btn-xs"><i class="fa fa-edit"></i> Edit</a>
                                            <a href="{{url('/admin/documents/destroy')}}/{{$item->id}}" title="Delete"
                                                onclick="return confirm('Are you sure you want to Delete this item?');"
                                                class="btn btn-danger btn-xs"><i class="fa fa-trash"></i> Delete</a>
                                        </td>
                                    </tr>
                                    @endforeach

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
        </div>

    </div>
    <!-- /.row -->
</section>

@endsection

@section('scripts')
<script>
    $('#product_list').DataTable();
</script>
@endsection