@extends('admin.layout')

@section('content')

<style type="text/css">
  .la.la-ellipsis-v {
    font-size: 24px;
    color: #929292;
    font-weight: 600;
}

.dropdown-toggle::after{
    display: none;
}

@media (min-width: 992px){
.container {
    max-width: 1024px;
}
}

</style>

<link rel="stylesheet" type="text/css" href="/resources/views/admin/dist/css/line-awesome.min.css">
<div class="content-wrapper">


    <section class="content">


<div class="container-fluid">

    <div class="row">


       <div class="col-md-12 head-btn-right">                
                <a class="btn-blue"  href="javascript:void();"  data-toggle="modal" data-target="#myModal"><i class="fa fa-plus"></i> Add Category</a>
            </div>

      <div class="col-md-12">


            <div class="row">

              <div class="col-xs-12">

              		  @if (count($errors) > 0)

                          @if($errors->any())

                            <div class="alert alert-success alert-dismissible" role="alert">

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

                              {{$errors->first()}}

                            </div>

                          @endif

                      @endif



              </div>

            </div>

            <div class="row">

              <div class="col-xs-12" style="    min-height: 400px;">

                <table id="example1" class="table">

                  <thead>

                    <tr>
<!-- 
                      <th>{{ trans('labels.ID') }}</th> -->
                      <!--th>{{ trans('labels.Image') }}</th-->

                      <th>{{ trans('labels.Name') }}</th>

                      

                      <!--th>{{ trans('labels.Icon') }}</th-->

                     <!--  <th>{{ trans('labels.AddedLastModifiedDate') }}</th> -->

                      <th>{{ trans('labels.Action') }}</th>

                    </tr>

                  </thead>

                  <tbody>

                  @if(count($listingCategories)>0)

                    @foreach ($listingCategories as $key=>$categories)

                        <tr>
                            <!--td><img src="{{asset('').'/'.$categories->categories_image}}" alt="" width=" 100px"></td-->
                            <td>{{ $categories->category_name }}</td>
                            <td>
                            <div class="dropdown dropdown-action">
								<a href="#" class="action-icon dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="la la-ellipsis-v"></i></a>
								<div class="dropdown-menu dropdown-menu-right">
								<a class="dropdown-item" href="editServiceCategory/{{ $categories->categories_id }}"><i class="fa fa-pencil m-r-5"></i> Edit</a>
								<a class="dropdown-item" href="deleteServiceCategory/{{ $categories->categories_id }}"><i class="fa fa-trash-o m-r-5"></i> Delete</a>
								</div>
							</div>
                          </td>
                        </tr>

                        

                    @endforeach

                    @else

                       <tr>

                            <td colspan="6">{{ trans('labels.NoRecordFound') }}</td>

                       </tr>

                    @endif

                  </tbody>

                </table>

                <div class="col-xs-12 text-right">

                	{{$listingCategories->links()}}

                </div>

              </div>

            </div>



      </div>

      <!-- /.col --> 

    </div>

    <!-- /.row --> 
</div>
    

    <!-- Main row --> 

    

    <!-- /.row --> 

  </section>

  <!-- /.content --> 

</div>









<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content custom-popup">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Add New Category</h4>
      </div>
      <div class="modal-body">

        <form class="modal-form" method="post" action="{{ url('admin/addServiceNewCategory') }}" enctype="multipart/form-data">
            <div class="form-group">
                <label>Name (English)</label>
                <input type="text" name="categories_name" class="form-control field-validate">
            </div>
             <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">

                                  <label for="name">{{ trans('labels.Image') }}</label>

                              

                                    {!! Form::file('newImage', array('id'=>'newImage' , 'class'=>'form-control')) !!}


                                </div>
            <center>  <button type="submit" class="ecom-btn">Add</button></center>
        </form>

      </div>
    </div>

  </div>
</div>

@endsection