<?php

namespace App\DataTables;

use App\UserDetails;
use Carbon\Carbon;
use Yajra\DataTables\Html\Button;
use Yajra\DataTables\Html\Column;
use Yajra\DataTables\Services\DataTable;
use Yajra\DataTables\Html\Editor\Fields;
use Yajra\DataTables\Html\Editor\Editor;

class ApprovedAppDataTable extends DataTable
{
    /**
     * Build DataTable class.
     *
     * @param mixed $query Results from query() method.
     * @return \Yajra\DataTables\DataTableAbstract
     */
    public function dataTable($query)
    {
        return datatables()
            ->eloquent($query)
            ->orderColumn('name', function ($query, $order) {
                            $query->orderBy('id', $order);
            })
            ->orderColumn('company_name', function ($query, $order) {
                            $query->orderBy('id', $order);
            })
            ->orderColumn('position', function ($query, $order) {
                            $query->orderBy('id', $order);
            })
            ->orderColumn('phone', function ($query, $order) {
                            $query->orderBy('id', $order);
            })
            ->orderColumn('email', function ($query, $order) {
                            $query->orderBy('id', $order);
            })
            ->orderColumn('created_at', function ($query, $order) {
                            $query->orderBy('id', $order);
            })

            ->editColumn('created_at', function ($query) {
return $query->created_at->format('d M, Y');// human readable format
})
->addColumn('action', function($query){
  // '.route('admin.application.approvegrant',$query->id).'
  // '.route('admin.start.review',$query->id).'
              return '
              <div class="dropdown">
              <button class="btn btn-sm btn-outline-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Action
              </button>
              <div class="dropdown-menu dropdown-menu-sm">
              <a class="dropdown-item"   href="'.route('admin.view.application',$query->id).'"> <i class="fa fa-eye text-primary"></i>View Application</a>
              <a class="dropdown-item" data-toggle="modal" data-target="#modal_1"  href="#"> <i class="fas fa-check text-success"></i> Approve Grant</a>
              <a class="dropdown-item"  data-toggle="modal" data-target="#modal_2" href="#"> <i class="fas fa-info text-danger"></i> Reject Grant</a>
              </div>
              </div>
              <div class="modal  fade" id="modal_1" tabindex="-1" role="dialog" aria-labelledby="modal_1" aria-hidden="true">
                  <div class="modal-dialog modal-md" role="document">
                      <div class="modal-content">
                      <div class="modal-header"><h6 class="heading h6">Approve '.$query->name.'s'.' Grant Application </h6></div>
                          <div class="modal-body">
                              <div class="row justify-content-center">
                                  <div class="col-lg-11 text-center py-4">
                                      <form  action="'.route('admin.application.approvegrant',$query->id).'" method="post">
                                      '.csrf_field().'
                                        <div class="form-group">
                                          <label for="">Add Comment</label>
                                          <textarea name="comment" class="form-control" rows="8" cols="40" required></textarea>
                                        </div>

                                        <div class="text-center">
                                          <button style="background:#f9971a;" type="submit" class="btn text-white btn-sm col-lg-7" name="button">Approve Grant Application</button>
                                        </div>
                                      </form>


                                  </div>

                              </div>
                                <div class="modal-footer"><button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Cancel</button></div>
                          </div>
                      </div>
                  </div>
              </div>

              <div class="modal  fade" id="modal_2" tabindex="-1" role="dialog" aria-labelledby="modal_1" aria-hidden="true">
                  <div class="modal-dialog modal-md" role="document">
                      <div class="modal-content">
                      <div class="modal-header"><h6 class="heading h6">Reject '.$query->name.'s'.' Grant Application </h6></div>
                          <div class="modal-body">
                              <div class="row justify-content-center">
                                  <div class="col-lg-11 text-center py-4">
                                      <form  action="'.route('admin.application.rejectgrant',$query->id).'" method="post">
                                      '.csrf_field().'
                                        <div class="form-group">
                                          <label for="">Add Comment</label>
                                          <textarea name="comment" class="form-control" rows="8" cols="40" required></textarea>
                                        </div>

                                        <div class="text-center">
                                          <button style="background:#f9971a;" type="submit" class="btn text-white btn-sm col-lg-7" name="button">Reject Grant Application</button>
                                        </div>
                                      </form>


                                  </div>

                              </div>
                                <div class="modal-footer"><button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Cancel</button></div>
                          </div>
                      </div>
                  </div>
              </div>
              ';
                           })

            ->rawColumns(['action']);
    }

    /**
     * Get query source of dataTable.
     *
     * @param \App\App\CompletedApplication $model
     * @return \Illuminate\Database\Eloquent\Builder
     */
    public function query()
    {
      $query = UserDetails::where('application_status','Approved Application');
  return $this->applyScopes($query);
    }

    /**
     * Optional method if you want to use html builder.
     *
     * @return \Yajra\DataTables\Html\Builder
     */
    public function html()
    {
        return $this->builder()
                    ->setTableId('completedapplication-table')
                    ->columns($this->getColumns())
                    ->minifiedAjax()
                     ->dom('Bfrtip')
                    ->orderBy(1)
                    ->buttons(
                        // Button::make('create'),
                        Button::make('export'),
                        Button::make('print')
                        // Button::make('reset'),
                        // Button::make('reload')
                    );
    }

    /**
     * Get columns.
     *
     * @return array
     */
    protected function getColumns()
    {
      return [

          Column::make('name'),
          Column::make('company_name'),
          Column::make('position'),
          Column::make('phone'),
          Column::make('email'),
          Column::make('created_at')->title('Date Applied'),
          // Column::computed('action')
          //        ->exportable(false)
          //        ->printable(false)
          //       ->width(60)
          //       ->addClass('text-center'),
      ];
    }

    /**
     * Get filename for export.
     *
     * @return string
     */
    protected function filename()
    {
        return 'CompletedApplication_' . date('YmdHis');
    }
}
