@extends('admin.layout')

@section('content')
<style type="text/css">
  .modal-body {

    padding: 5rem 4rem;

    text-align: center;

}
.modal-footer .btn-primary:hover{
  background: transparent;
  border-color: transparent;
}


.modal-body {

    font-size: 16px;

}



.modal-content {

    min-height: auto;

}



.modal-title {

    padding-left: 0;

}





.modal-body p {

    margin-bottom: 0;

    font-size: 24px;

    font-weight: 600;

}
.ecom-btn-border1{
      min-width: 125px;
          padding: 3px 9px;
}
.bg-beauty-green{
  background: #4CAF50 !important;
}
.container-custom01{
  max-width: 1900px;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%;
}
</style>

<div class="content-wrapper"> 


  <!-- Main content -->

  <section class="content"> 

    <!-- Info boxes --> 

    

    <!-- /.row -->

<div class="container-custom01">

    <div class="row">

      <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">
                <div class="" style="text-align: right;margin-bottom: 20px;">
                  <a href="/admin/addNewBeautyPages" style="text-align: center;" type="button" class="ecom-btn-border ecom-btn-border1">+ New Pages</a>
                </div>

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

                  <thead>

                    <tr>

                      <th>ID#</th>

                      <th>Pages Name</th>

                      <th> Pages Title</th>

                      <th>Action</th>

                    </tr>

                  </thead>

                  <tbody>

                  
                  @if(count($listingBeautypages)>0)

                    @foreach ($listingBeautypages as $key=>$pages)

                        <tr>

                            <td>{{ $pages->id }}</td>

                            <td>{{ $pages->pagename }}</td>
                            <td>{{ $pages->pagetitle }}</td>
                            <td>
                              
                              <a id="clonePageFrom1" clonepage_id='{{ $pages->id }}' title="Copy" href="#" class="badge bg-red bg-beauty-green"><i class="fa fa-copy" aria-hidden="true"></i></a>

                               <a title="Edit" href="editbeautyPages/{{ $pages->id }}" class="badge bg-light-blue"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a> 

                               <a id="manufacturerFrom" manufacturers_id='{{ $pages->id }}' title="Delete" href="#" class="badge bg-red"><i class="fa fa-trash" aria-hidden="true"></i></a>
                             </td>

                        </tr>

                        

                    @endforeach

                    @else

                       <tr>

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

                       </tr>

                    @endif
                   
                  </tr>
                  </tbody>

                </table>

               

              </div>

            </div>

          </div>

          <!-- /.box-body --> 

        </div>

        <!-- /.box --> 

      </div>

      <!-- /.col --> 

    </div>

    <!-- /.row --> 

    

       <!-- deletepagesModal -->

  <div class="modal " id="manufacturerModal" tabindex="-1" role="dialog" aria-labelledby="deleteManufacturerModalLabel">

    <div class="modal-dialog" role="document">

    <div class="modal-content">

      {!! Form::open(array('url' =>'admin/deletebeautyPages', 'name'=>'deleteManufacturer', 'id'=>'deleteManufacturer', 'method'=>'post', 'class' => 'form-horizontal', 'enctype'=>'multipart/form-data')) !!}

          {!! Form::hidden('action',  'delete', array('class'=>'form-control')) !!}

          {!! Form::hidden('pages_id',  '', array('class'=>'form-control', 'id'=>'manufacturers_id')) !!}

      <div class="modal-body">  
      <center><img style="width: 60px; padding-bottom: 20px;" src="/resources/views/outlets/common/images/cancel.svg" alt=""></center>          

        <p>Are you sure you want to delete this Page?</p>

      </div>

      <div class="modal-footer">

      <button type="button" class="btn btn-default" data-dismiss="modal"><img src="/resources/views/outlets/common/images/cancel.svg" alt=""></button>

      <button type="submit" class="btn btn-primary"> <img src="/resources/views/outlets/common/images/verified.svg" alt=""></button>

      </div>

      {!! Form::close() !!}

    </div>



    

    <!-- /.row --> 
</div>
</div>
    <!-------clone pages model----->

 <div class="modal " id="clonepagesModal" tabindex="-1" role="dialog" aria-labelledby="deleteManufacturerModalLabel">

    <div class="modal-dialog" role="document">

    <div class="modal-content">

      {!! Form::open(array('url' =>'admin/clonebeautyPages', 'name'=>'deleteManufacturer1', 'id'=>'deleteManufacturer1', 'method'=>'post', 'class' => 'form-horizontal', 'enctype'=>'multipart/form-data')) !!}

          {!! Form::hidden('action',  'delete', array('class'=>'form-control')) !!}

          {!! Form::hidden('clone_pages_id',  '', array('class'=>'form-control', 'id'=>'clonesPageid')) !!}

      <div class="modal-body">  
      <center><img style="width: 60px; padding-bottom: 20px;" src="/resources/views/outlets/common/images/cancel.svg" alt=""></center>          

        <p>Are you sure you want to clone this Page?</p>

      </div>

      <div class="modal-footer">

      <button type="button" class="btn btn-default" data-dismiss="modal"><img src="/resources/views/outlets/common/images/cancel.svg" alt=""></button>

      <button type="submit" class="btn btn-primary"> <img src="/resources/views/outlets/common/images/verified.svg" alt=""></button>

      </div>

      {!! Form::close() !!}

    </div>



    

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

  <!-- /.content --> 

</div>

@endsection