@extends('customer.layouts.app')

@push('topnav')
<a class="navbar-brand" href="javascript:;"> File</a>
@endpush

@section('content')
    <section class="section">
        <div class="section-header">
            <h1></h1>
        </div>

        <div class="section-body ">

            <div class="row m-0">
                <div class="col-12 col-md-12">
                    <div class="card">

                        <div class="card-header">
                            <div class="text-right"><a href="{{ URL('customer/file/create') }}"
                                    class="btn btn-primary">Upload</a>
                            </div>
                        </div>
                        <div class="card-body">

                            @if ($errors->any())
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            @if (session('success'))
                                <div class="alert alert-success">
                                    {{ session('success') }}
                                </div>
                            @endif

                            <div class="table-responsive">
                                <table class="table table-striped font-14">
                                    <tr>
                                        <th>File</th>
                                        <th>Type</th>
                                        <th>Action</th>
                                    </tr>
                                    @if (count($files) > 0)
                                        @foreach ($files as $f)
                                            <tr>
                                                <td>
                                                    {{ $f->file_name }}
                                                </td>
                                                <td>
                                                    {{ $f->type }}
                                                </td>
                                                <td>
                                                    <a href="{{ URL('customer/view/file/' . $f->id) }}"
                                                        class="btn-transparent text-primary" data-toggle="tooltip"
                                                        data-placement="top" title="" data-original-title="Edit">
                                                        <i class="fa fa-eye"></i>
                                                    </a>
                                                    {{-- <a href="{{ URL('customer/file/' . $f->id . '/edit') }}"
                                                        class="btn-transparent text-primary" data-toggle="tooltip"
                                                        data-placement="top" title="" data-original-title="Edit">
                                                        <i class="fa fa-edit"></i>
                                                    </a>

                                                    <a href="javascript:;" class="btn-transparent text-primary ml-1"
                                                        data-placement="top" title="" data-original-title="Delete"
                                                        data-toggle="modal" data-target="#deleteModal{{ $f->id }}">
                                                        <i class="fa fa-trash"></i>
                                                    </a>

                                                    <!-- Modal -->
                                                    <div class="modal fade" id="deleteModal{{ $f->id }}"
                                                        tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
                                                        aria-hidden="true">
                                                        <div class="modal-dialog" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-body">
                                                                    <h2>Are you sure want to delete?</h2>
                                                                </div>
                                                                <div class="modal-footer">
                                                                    <button type="button" class="btn btn-secondary"
                                                                        data-dismiss="modal">Close</button>
                                                                    <form action="{{ URL('customer/file/' . $f->id) }}"
                                                                        method="POST">
                                                                        @csrf
                                                                        @method('DELETE')
                                                                        <button type="submit"
                                                                            class="btn btn-primary">Delete</button>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div> --}}
                                                </td>
                                            </tr>
                                        @endforeach
                                    @else
                                        <p>No records available.</p>
                                    @endif
                                </table>
                            </div>
                        </div>

                        <div class="card-footer text-center">
                            {{ $files->appends(request()->input())->links('pagination.admin') }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@push('scripts_bottom')
@endpush