@extends('layouts.admin')
@section('content')
<section class="rightside-main">
  <div class="container-fluid">
    <div class="page-top">
      <div class="page-header borderless ">
        <h4>Manage Files</h4>
      </div>
      <div class="page-berdcrumb">
        <ul class="breadcrumb">
          <li class="breadcrumb-item">
            <a href="{{ route('admin.dashboard')}}">
              <i class="fa fa-home"></i> Dashboard
            </a>
          </li>
          <li class="breadcrumb-item">
            <a class="active" href="#">File Management</a>
          </li>
        </ul>
      </div>
    </div>
    @if (session('notification') || !empty($notification))
    <div class="row">
      <div class="col-sm-12">
        <div class="alert alert-danger alert-dismissible">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
          @if(!empty($notification['msg']))
          {{$notification['msg']}}
          @elseif(session('notification.msg'))
          {{ session('notification.msg') }}
          @endif
        </div>
      </div>
    </div>
    @endif

    @if (session('status') || !empty($status))
    <div class="row">
      <div class="col-sm-12">
        <div class="alert alert-success alert-dismissible">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
          @if(!empty($status['msg']))
          {{$status['msg']}}
          @elseif(session('status.msg'))
          {{ session('status.msg') }}
          @endif
        </div>
      </div>
    </div>
    @endif
    <div class="row">

      <div class="col-lg-12 col-xlg-12 col-md-12">
        <div class="card">
          <div class="card-body">
            <h4 class="card-title text-primary mb-4"><i class="fa fa-file"></i> Upload File</h4>
            <form method="post" action="{{route('admin.upload-file.store')}}" enctype="multipart/form-data">
              @csrf
              <input type="hidden" name="_token" value="{{ csrf_token() }}">
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="file">Upload file:</label>
                    <input required="required" class="form-control" name="file" id="file" type="file">
                  </div>
                </div>
                <div class="col-md-6 m-auto">
                  <button type="submit" class="btn btn-primary" id="upload-btn">Upload</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
      <div class="col-12">
        <div class="card">
          <div class="row card-header borderless ">
            <div class="col-md-8 col-lg-8">
              <h3>Uploaded File List</h3>
            </div>
          </div>
          <div class="card-body">

            <div class="table-responsive">
              <table id="data_table" class="table cell-border compact hover order-column row-border stripe">
                <thead>
                  <tr>
                    <th scope="col">S.No.</th>
                    <th>Download</th>
                    <th>File Name</th>
                    <th>Report Date</th>
                    <th>Created At</th>
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                  @if(count($results)>0)
                  @php
                  $i=1;
                  @endphp
                  @foreach($results as $result)
                  @php
                  $file_path = asset('file-master/'.$result->file_name);
                  @endphp
                  <tr>
                    <td>{{$i++}}</td>
                    <td><a class="btn btn-primary" href="{{$file_path}}" download><i class="fa fa-download"></i> Download</a></td>
                    <td>{{$result->file_name}}</td>
                    <td>{{date('d-m-Y',strtotime($result->report_date))}}</td>
                    <td>{{date('d-m-Y h:i A',strtotime($result->created_at))}}</td>
                    <td>
                      <div class="d-flex">
                        <a href="{{route('admin.upload-file.destroy',$result->id)}}" class="btn btn-danger  btn-sm text-white" onclick="return confirm('Are you sure, want to delete');"><i class="fa fa-trash"></i> Delete</a>
                      </div>
                    </td>
                  </tr>
                  @endforeach
                  @else
                  <tr>
                    <td colspan="5" class="text-center">No File found!!!</td>
                  </tr>
                  @endif
                </tbody>
              </table>

            </div>
          </div>
          @if ($results->hasPages())
          <div class="pagination-wrapper">
            {{ $results->links('pagination::bootstrap-4') }}
          </div>
          @endif
        </div>
      </div>
    </div>
</section>
<script type="text/javascript">
  $(document).ready(function() {
    //Loader
    $(document).on("click", "#upload-btns", function() {
      if ($('#file').get(0).files.length === 0) {
        $('#pageLoader').hide();
      } else {
        $('#pageLoader').show();
      }
    });
  });
</script>
@endsection