<?php

namespace App\DataTables;

use App\UsersDb;
use App\PreLoginHelpDesk;
use Illuminate\Support\Facades\DB;
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;
use Illuminate\Support\Facades\Session;

class AccessRequest extends DataTable
{
    /**
     * Build DataTable class.
     *
     * @param mixed $query Results from query() method.
     * @return \Yajra\DataTables\DataTableAbstract
     */
    public function dataTable($query)
    {
        return datatables($query)
            // ->eloquent()
            ->addColumn('status', function ($query){
              if ($query->adminname == null) {
                return '<label class="badge badge-danger">Pending</label>';
              }else {
                return '<label class="badge badge-success">Resolved</label>';
              }
            })



            ->addColumn('action', function($query){

              if ($query->response == null) {
                return '
                    <div style="display: flex;">
                    <button class="btn btn-primary btn-sm mr-3" style="margin-right:10px !important;"><a href="#" data-toggle="modal" data-target="#modal_1_'.$query->id.'"><span class="fa fa-eye text-white"></span></a></button>


              </div>

              <div class="modal  fade" id="modal_1_'.$query->id.'" tabindex="-1" role="dialog" aria-labelledby="modal_1" aria-hidden="true">
                                <div class="modal-dialog modal-lg" role="document">
                                    <div class="modal-content">
                                    <div class="modal-header"><h6 class="heading h6">'.$query->name.' Access Request  </h6></div>
                                        <div class="modal-body">
                                            <div class="row ">
                                                <div class="col-lg-11 text-cener py-4">
                                                    <form  action="'.route('admin.helpdesk.access.post',$query->id).'" method="post">
                                                    '.csrf_field().'
                                                    <div class="row">
                                                      <div class="col-lg">
                                                        <div class="form-group">
                                                          <label for="">Full Name</label>
                                                          <input type="text" class="form-control" value="'.$query->name.'" readonly id="input_email" name="name" >
                                                        </div>
                                                      </div>
                                                      <div class="col-lg">
                                                        <div class="form-group">
                                                          <label for="">Email Address</label>
                                                          <input type="email" class="form-control" value="'.$query->email.'" readonly id="input_email" name="email" >
                                                        </div>
                                                      </div>
                                                    </div>
                                                    <div class="row">
                                                      <div class="col-lg">
                                                        <div class="form-group">
                                                          <label for="">Phone Number</label>
                                                          <input type="tel" class="form-control" value="'.$query->phone.'" readonly id="input_email" name="phone" >
                                                        </div>
                                                      </div>
                                                      <div class="col-lg">
                                                        <div class="form-group">
                                                          <label for="">Department</label>
                                                          <input type="text" class="form-control" value="'.$query->dept.'" readonly id="input_email" name="dept" >
                                                        </div>
                                                      </div>
                                                    </div>




                                                    <div class="form-group">
                                                      <label for="">Division</label>
                                                      <input type="text" class="form-control" value="'.$query->division.'" readonly id="input_email" name="division" >
                                                    </div>

                                                    <div class="form-group">
                                                      <label for="">What '.$query->name.' needed help with</label>
                                                      <textarea name="comment" readonly class="form-control" required rows="4" cols="40">'.$query->comment.'</textarea>
                                                    </div>


                                                    <div class="form-group">
                                                      <label for="">Response</label>
                                                      <textarea name="response"  class="form-control" required rows="8" cols="80"></textarea>
                                                    </div>

                                                      <div class="text-center">
                                                        <button  type="submit" class="btn text-white btn-sm btn-success col-lg-7" name="button">Submit Response</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>
              ';
            }else {
              return '
                  <div style="display: flex;">
                  <button class="btn btn-primary btn-sm mr-3" style="margin-right:10px !important;"><a href="#" data-toggle="modal" data-target="#modal_1_'.$query->id.'"><span class="fa fa-eye text-white"></span></a></button>


            </div>

            <div class="modal  fade" id="modal_1_'.$query->id.'" tabindex="-1" role="dialog" aria-labelledby="modal_1" aria-hidden="true">
                              <div class="modal-dialog modal-lg" role="document">
                                  <div class="modal-content">
                                  <div class="modal-header"><h6 class="heading h6">'.$query->name.' Access Request  </h6></div>
                                      <div class="modal-body">
                                          <div class="row ">
                                              <div class="col-lg-11 text-cener py-4">
                                                  <form  action="#" method="post">
                                                  '.csrf_field().'
                                                  <div class="row">
                                                    <div class="col-lg">
                                                      <div class="form-group">
                                                        <label for="">Full Name</label>
                                                        <input type="text" class="form-control" value="'.$query->name.'" readonly id="input_email" name="name" >
                                                      </div>
                                                    </div>
                                                    <div class="col-lg">
                                                      <div class="form-group">
                                                        <label for="">Email Address</label>
                                                        <input type="email" class="form-control" value="'.$query->email.'" readonly id="input_email" name="email" >
                                                      </div>
                                                    </div>
                                                  </div>
                                                  <div class="row">
                                                    <div class="col-lg">
                                                      <div class="form-group">
                                                        <label for="">Phone Number</label>
                                                        <input type="tel" class="form-control" value="'.$query->phone.'" readonly id="input_email" name="phone" >
                                                      </div>
                                                    </div>
                                                    <div class="col-lg">
                                                      <div class="form-group">
                                                        <label for="">Department</label>
                                                        <input type="text" class="form-control" value="'.$query->dept.'" readonly id="input_email" name="dept" >
                                                      </div>
                                                    </div>
                                                  </div>




                                                  <div class="form-group">
                                                    <label for="">Division</label>
                                                    <input type="text" class="form-control" value="'.$query->division.'" readonly id="input_email" name="division" >
                                                  </div>

                                                  <div class="form-group">
                                                    <label for="">What '.$query->name.' needed help with</label>
                                                    <textarea name="comment" readonly class="form-control" required rows="4" cols="40">'.$query->comment.'</textarea>
                                                  </div>


                                                  <div class="form-group">
                                                    <label for="">Response</label>
                                                    <textarea name="response"  class="form-control" required rows="8" cols="80" readonly>'.$query->response.'</textarea>
                                                  </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(['issues', 'action','status']);}
//   <a class="btn btn-danger btn-sm delete-form" onclick="return confirm(\'Are you sure you want to delete User ?\')" href="'.route('users.delete',$query->id).'"><span class="fa fa-trash text-white"></span></a>
    /**
     * Get query source of dataTable.
     *
     * @param \App\App\UsersDataTable $model
     * @return \Illuminate\Database\Eloquent\Builder
     */
    public function query()
    {
      $query = DB::select("select * from prelogin_helpdesk order by id desc
 ");

      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('usersdatatable-table')
                    ->columns($this->getColumns())
                    ->minifiedAjax()
                    // ->dom('Bfrtip')
                    ->orderBy(0)
                    // ->buttons(
                    //     Button::make('export'),
                    //     Button::make('print'),
                    //     Button::make('reset'),
                    //     Button::make('reload')
                    // )
                    ;
    }

    /**
     * Get columns.
     *
     * @return array
     */
    protected function getColumns()
    {
        return [
          Column::make('updated_at')->visible(false)->exportable(false)
          ->printable(false),
          Column::make('helpid')->title('Help ID'),
          Column::make('name'),
            Column::make('dept')->title('Department'),
            Column::make('division')->title('Division'),
            Column::make('phone'),
            Column::make('email'),
            Column::make('status'),
            Column::make('created_at'),
            Column::computed('action')
                  ->exportable(false)
                  ->printable(false)
                  ->width(60)
                  ->addClass('text-center'),
        ];
    }

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