@extends('layouts.master')

@section('title', trans('messages.settings'))

@section('links')
@endsection



@section('content')

<div class="br-mainpanel">
<div class="br-pageheader pd-y-15 pd-l-20">
      <nav class="breadcrumb pd-0 mg-0 tx-12">
        <a class="breadcrumb-item" href="{{ URL::to('/') }}">{{ config('config.site_name')}}</a>
        <span class="breadcrumb-item active">{!! trans('messages.settings') !!}</span>
      </nav>
      <!-- <button class="btn btn-success success">Toast</button> -->
    </div><!-- br-pageheader -->
    <div class="pd-x-20 pd-sm-x-30 pd-t-20 pd-sm-t-30">
	<h2><strong>{!! trans('messages.general') !!}</strong>{!! trans('messages.settings') !!}
				
					</h2>
    </div>
		@if(Entrust::can('settings'))
    <div class="br-pagebody">
      <div class="br-section-wrapper">

            <div class="card">
                <div class="card-header">
                  <ul class="nav nav-tabs card-header-tabs">
                    <li class="nav-item">
                      <a class="nav-link active" href="#general" data-toggle="tab"><span class="fa fa-cog"></span> {!! trans('messages.general') !!}</a>
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="#mail" data-toggle="tab"><span class="fa fa-envelope"></span>&nbsp;{!! trans('messages.mail') !!}</a>
                    </li>
                    <li class="nav-item">
                      <a  class="nav-link" href="#comp_logo" data-toggle="tab"><span class="fa fa-image"></span> {!! trans('Logo') !!}</a></li>
                  
                   <!--   <li class="nav-item">
                        <a  class="nav-link" href="#price_setting" data-toggle="tab"><span class="ion-cash"></span> {!! trans('Price Setting') !!}</a></li>-->
                 <li class="nav-item">
                        <a  class="nav-link" href="#packages" data-toggle="tab"><span class="ion-cash"></span> {!! trans('Organisation') !!}</a>
				 </li>
                
                    </ul>
                </div><!-- card-header -->
                <div class="card-body color-gray-lighter">
                
                  <div class="tab-content">
              <div class="tab-pane active" id="general">
                    
            <div class="col-xl-8">
						<div class="user-profile-content-wm">
							
							{!! Form::open(['route' => 'settings.store','role' => 'form', 'class'=>'config-form','id' => 'config-form','data-no-form-clear' => 1]) !!}
								@include('configuration._form')
							{!! Form::close() !!}
						</div>
            </div><!-- col-6 -->

                    </div><!-- tab-pane -->
                    <div class="tab-pane" id="comp_logo">
                    
                        <div class="col-xl-8">
                        <div class="user-profile-content-wm">
                            <h2><strong>{!! trans('Logo') !!}</strong></h2>
                            {!! Form::open(['files' => true, 'route' => 'settings.logo-store','role' => 'form', 'class'=>'config-company-logo-form','id' => 'config-company-logo-form','data-submit' => 'noAjax']) !!}
                                <div class="form-group">
                                <input type="file" name="logo" id="logo" class="btn btn-default" title="{!! trans('Select').' '.trans('Logo') !!}">
                                @if(config('config.logo') && File::exists(config('constants.upload_path.logo').config('config.logo')))
                                <img src="{{ URL::to(config('constants.upload_path.logo').config('config.logo')) }}" width="150px" style="margin-left:20px;">
                                <div class="checkbox">
                                  <label>
                                    {!! Form::checkbox('remove_logo', 1) !!} {!! trans('Remove_logo') !!}
                                  </label>
                                </div>
                                @endif
                              </div>
                            {!! Form::hidden('config_type','comp_logo')!!}
                              {!! Form::submit(isset($buttonText) ? $buttonText : trans('messages.save'),['class' => 'btn btn-primary']) !!}
                            {!! Form::close() !!}
 
                        </div>
                        </div><!-- col-6 -->
            
                       </div><!-- tab-pane -->
                                <div class="tab-pane" id="price_setting">
                    
                                  <div class="col-xl-8">
                                  <div class="user-profile-content-wm">
                                      <h2><strong>{!! trans('Price Setting') !!}</strong></h2>
                                      {{ Form::open(['class' => 'price']) }}
                                          <div class="form-group row">

                                          <div class="col-md-6">
                                              {!! Form::label('price_unit',trans('Price Per Kilo WATT'),[])!!}
                                              </div>
                                          <div class="col-md-6">
                                              {!! Form::input('number','price_unit',(config('config.price_unit')) ? : '',['class'=>'form-control number',
                                              'id'=>'price_unit','placeholder'=>trans('Price Per Kilo WATT'),
                                              'min'=>"1" ,'max'=>"9999",'maxlength'=>"4",
                                              'oninput'=>"this.value=this.value.slice(0,this.maxLength||1/1);this.value=(this.value   < 1) ? (1/1) : this.value;"])!!}  
                                          </div>
                                            </div>
                                       			 
                                          <div class="form-group row">
                                              <div class="col-md-6">
                                              {!! Form::label('price_time',trans('Price Per Min'),[])!!}
                                              </div>
                                              <div class="col-md-6">
                                              {!! Form::input('number','price_time',(config('config.price_time')) ? : '',['class'=>'form-control number',
                                              'id'=>'price_time','placeholder'=>trans('Price Per Min'),
                                              'min'=>"1" ,'max'=>"9999",'maxlength'=>"4",
                                              'oninput'=>"this.value=this.value.slice(0,this.maxLength||1/1);this.value=(this.value   < 1) ? (1/1) : this.value;"])!!}  
                                              </div>
                                             
                                          </div>
										  
										  
										  <h3>Per Slot</h3>
										  
										   <div class="form-group row">
                                              <div class="col-md-6">
                                              {!! Form::label('price_slot',trans('Price Per Slot'),[])!!}
                                              </div>
                                              <div class="col-md-6">
                                              {!! Form::input('number','price_slot',(config('config.price_slot')) ? : '',['class'=>'form-control number',
                                              'id'=>'price_time','placeholder'=>trans('Price Per Slot'),
                                              'min'=>"1" ,'max'=>"9999",'maxlength'=>"4",
                                              'oninput'=>"this.value=this.value.slice(0,this.maxLength||1/1);this.value=(this.value   < 1) ? (1/1) : this.value;"])!!}  
                                              </div>
                                             
                                          </div>
                                          <div class="form-group row">
                                              <div class="col-md-8">
                                                  </div>
                                                  <div class="col-md-4">
                                              <button class="btn btn-primary"><i class="fa fa-edit" aria-hidden="true"title="Update Price"></i></button>
                                                  </div>
                                            </div>
                                            {!! Form::close() !!}
                                  </div>
                                  <div id='response'></div>
                                  </div><!-- col-6 -->
                      
                                  </div><!-- tab-pane -->
								  
								  
								  <div class="tab-pane" id="packages">
                    
                                  <div class="col-xl-8">
                                  <div class="user-profile-content-wm">
                                      <h2><strong>{!! trans('Organisation') !!}</strong></h2>
                                      
                                  </div>
								  <button type="button" class="btn btn-primary pull-right" data-toggle="modal" data-target="#myModal">Add</button>
                                  <div id='response'>
								  <table  id="datatable2" class="example table table-bordered table-colored table-dark  display responsive nowrap">
								 <thead>  <tr><th>SlNo</th><th>Name</th><th>Short Name</th><th>Options</th></tr> </thead>
								 
								 <tbody>
								 @php $i=1; @endphp
								  @foreach($pakages as $pkg)
								  <tr><td>{{ $i }}</td><td>{{ $pkg->name }}</td><td> {{ $pkg->short_name }}</td><td><a href="#" data-href="/package/{{ $pkg->id }}/edit" class="edit-form" data-toggle="modal" data-target="#mymodel"> <i class="icon ion-edit tx-20 icon-properties edit" ></i></a></td></tr>
								  @php $i++; @endphp
								  @endforeach
								   </tbody>
								  </table>
								  
								  
								  
								  
								  </div>
                                  </div><!-- col-6 -->
                      
                                  </div><!-- tab-pane -->

                <div class="tab-pane" id="mail">
										<div class="user-profile-content-wm">
								<h2><strong>{!! trans('messages.mail') !!}</strong> {!! trans('messages.settings') !!}</h2>
								{!! Form::open(['route' => 'settings.mail-store','role' => 'form', 'class'=>'mail-form','id' => 'mail-form','data-no-form-clear' => 1]) !!}
									@include('configuration._mail')
								{!! Form::close() !!}
						    </div>
                </div>
				
				

                
                
                


                  </div><!-- tab-content -->
                </div><!-- card-body -->
              </div><!-- card -->
			@endif
        
				
				
				
			<div class="table-wrapper">
      </div><!-- table-wrapper -->


        

      </div><!-- br-section-wrapper -->
    </div><!-- br-pagebody -->
    <!-- Trigger the modal with a button -->


<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Add  Package</h4>
      </div>
      <div class="modal-body">
       {!! Form::open(['route' => 'settings.pkg-store','role' => 'form', 'class'=>'mail-form','id' => 'mail-form','data-no-form-clear' => 1]) !!}
		 <div class="col-md-12">
                                              {!! Form::label('package',trans('Package'),[])!!}
                                              </div>
                                          <div class="col-md-12">
                                              {!! Form::input('text','package','',['class'=>'form-control',
                                              'id'=>'package','placeholder'=>trans('package')])!!}  
                                          </div>
										   <div class="col-md-4 pull-right">
                                             
										   {!! Form::submit(isset($buttonText) ? $buttonText : trans('messages.save'),['class' => 'btn btn-primary']) !!}
		</div>
		{!! Form::close() !!}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>
  
@endsection
 

@section('scripts')
<script>
// $(document).ready(function(){


// 		$("form").on("submit",function(){
// 			var a="#"+$(this).attr("id");

//       a.find(":submit").prop("disabled",!0),toastr.info("Processing..","",{
//         positionClass:toastr_position
//         })
//       });

 



//   });


 </script>

<script>
    $(document).ready(function(){
    $('.price').submit(function(){
    
    // show that something is loading
    $('#response').html("<b>Loading response...</b>");
    
    // Call ajax for pass data to other place
    $.ajax({
    type: 'POST',
    url: 'change_prices',
    data: $(this).serialize(), // getting filed value in serialize form
    success:function(result){
       $("#response").html('');
       if(result.status=="error"){
        toastr.error(result.message, result.status, {timeOut: 5000});
       }else{
          toastr.success(result.message, result.status, {timeOut: 5000});
        }
    }
    })
    .fail(function() { // if fail then getting message
    $('#response').html("Change failed." );
          toastr.error(result.message, result.status, {timeOut: 5000})
    
    });
    
    return false;
    
    });
    });
	
        $('#datatable2').DataTable({

          "processing": true,
						lengthChange: false,
            responsive: true,
            language: {
            searchPlaceholder: 'Search...',
            sSearch: '',
          },responsive: 'true',
          //  dom: "Bfrtip",
          //  buttons: [

          //      {
          //          extend: 'copyHtml5',
          //          text: '<i class="fa fa-files-o"></i>',
          //          titleAttr: 'Copy',
          //          title: $('.download_label').html(),
          //          exportOptions: {
          //              columns: ':visible'
          //          }
          //      },

          //      {
          //          extend: 'excelHtml5',
          //          text: '<i class="fa fa-file-excel-o"></i>',
          //          titleAttr: 'Excel',
                  
          //          title: $('.download_label').html(),
          //          exportOptions: {
          //              columns: ':visible'
          //          }
          //      },

          //      {
          //          extend: 'csvHtml5',
          //          text: '<i class="fa fa-file-text-o"></i>',
          //          titleAttr: 'CSV',
          //          title: $('.download_label').html(),
          //          exportOptions: {
          //              columns: ':visible'
          //          }
          //      },

          //      {
          //          extend: 'pdfHtml5',
          //          text: '<i class="fa fa-file-pdf-o"></i>',
          //          titleAttr: 'PDF',
          //          title: $('.download_label').html(),
          //          exportOptions: {
          //              columns: ':visible'
                       
          //          }
          //      },

          //      {
          //          extend: 'print',
          //          text: '<i class="fa fa-print"></i>',
          //          titleAttr: 'Print',
          //          title: $('.download_label').html(),
          //              customize: function ( win ) {
          //          $(win.document.body)
          //              .css( 'font-size', '10pt' );

          //          $(win.document.body).children("h1:first").css( 'font-size', '22px' );

          //          $(win.document.body).find( 'table' )
          //              .addClass( 'compact' )
          //              .css( 'font-size', 'inherit' );
          //      },
          //          exportOptions: {
          //              columns: ':visible'
          //          }
          //      },

          //      {
          //          extend: 'colvis',
          //          text: '<i class="fa fa-columns"></i>',
          //          titleAttr: 'Columns',
          //          title: $('.download_label').html(),
          //          postfixButtons: ['colvisRestore']
          //      },
          //  ], 
        });
    </script>


@endsection