@extends('layouts.app')

@section('content-header')
    <h1>File Types</h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> File Types</a></li>
        <li class="active">{{__('commons.listing')}}</li>
    </ol>
@endsection

@section('content')

    @if(Session::has('success_message'))
        <div class="alert alert-success">
            <span class="glyphicon glyphicon-ok"></span>
            {!! session('success_message') !!}

            <button type="button" class="close" data-dismiss="alert" aria-label="close">
                <span aria-hidden="true">&times;</span>
            </button>

        </div>
    @endif

    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-body">

                    @if(count($fileTypes) == 0)
                        <div class="row">
                            <div class="col-sm-12">
                                <a href="{{ route('file_types.create') }}"
                                   class="btn btn-sm btn-success pull-right"
                                   title="Create New File Type">
                                    <i aria-hidden="true" class="fa fa-plus"></i> {{__('commons.create')}}
                                </a>
                            </div>
                        </div>

                        <div class="panel-body text-center">
                            <h4>No File Types Available!</h4>
                        </div>
                    @else
                        <div class="table-responsive">
                            <table id="dataTable" class="table table-bordered table-striped w-100">
                                <thead>
                                <tr>
                                    <th>Id</th>
                                    <th>{{__('commons.name')}}</th>
                                    <th>{{__('commons.status')}}</th>
                                    <th class="text-center mw-100">{{__('commons.action')}}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @foreach($fileTypes as $fileType)
                                    <tr>
                                        <td>{{ $fileType->id }}</td>
                                        <td>{{ $fileType->name }}</td>
                                        <td>{{ $fileType->status }}</td>

                                        <td class="text-center mw-100">

                                            <form method="POST"
                                                  action="{!! route('file_types.destroy', $fileType->id) !!}"
                                                  accept-charset="UTF-8">
                                                <input name="_method" value="DELETE" type="hidden">
                                                {{ csrf_field() }}

                                                <a href="{{ route('file_types.show', $fileType->id ) }}"
                                                   class="btn btn-xs btn-info" title="Show File Type">
                                                    <i aria-hidden="true" class="fa fa-eye"></i>
                                                </a>

                                                <a href="{{ route('file_types.edit', $fileType->id ) }}"
                                                   class="btn btn-xs btn-primary" title="Edit File Type">
                                                    <i aria-hidden="true" class="fa fa-pencil"></i>
                                                </a>

                                                <button type="submit" class="btn btn-xs btn-danger"
                                                        title="Delete File Type"
                                                        onclick="return confirm('Delete File Type?')">
                                                    <i aria-hidden="true" class="fa fa-trash"></i>
                                                </button>
                                            </form>

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

                    @endif

                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->
@endsection

<!-- page script -->
@section('javascript')
    <script>
        $(function () {
            "use strict";
            $('#dataTable').DataTable({
                "columnDefs": [
                    {"orderable": false, "targets": -1}
                ],
                initComplete: function () {
                    $('.dataTables_filter').append(
                        '<a href="{{ route('file_types.create') }}" ' +
                        'class="btn btn-sm btn-success ml-10" ' +
                        'title="Create New File Type"> ' +
                        '<i aria-hidden="true" class="fa fa-plus"></i> Create' +
                        '</a>'
                    );
                }
            })
        });
    </script>
@endsection