@extends("la.layouts.app")

@section("contentheader_title", "Cotizaciones")
@section("contentheader_description", "Cotizaciones listing")
@section("section", "Cotizaciones")
@section("sub_section", "Listing")
@section("htmlheader_title", "Cotizaciones Listing")

@section("headerElems")
@la_access("Cotizaciones", "create")
	<button class="btn btn-success btn-sm pull-right" data-toggle="modal" data-target="#AddModal">Add Cotizacione</button>
@endla_access
@endsection

@section("main-content")

@if (count($errors) > 0)
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="box box-success">
	<!--<div class="box-header"></div>-->
	<div class="box-body">
		<h4  >SOLICITUDES</h4>
		<table id="example1" class="table table-bordered">
		<thead>
		<tr class="success">
			@foreach( $listing_cols as $col )
			<th>{{ $module->fields[$col]['label'] or ucfirst($col) }}</th>
			@endforeach
			@if($show_actions)
			<th>Acciones</th>
			@endif
		</tr>
		</thead>
		<tbody>
			
		</tbody>
		</table>
	</div>
	<div class="box-body">
		<h4  >ENVIADAS</h4>
		<table id="example2" class="table table-bordered">
		<thead>
		<tr class="success">
			@foreach( $listing_cols as $col )
			<th>{{ $module->fields[$col]['label'] or ucfirst($col) }}</th>
			@endforeach
			@if($show_actions)
			<th>Acciones</th>
			@endif
		</tr>
		</thead>
		<tbody>
			
		</tbody>
		</table>
	</div>
</div>

@la_access("Cotizaciones", "create")
<div class="modal fade" id="AddModal" role="dialog" aria-labelledby="myModalLabel">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel">Add Cotizacione</h4>
			</div>
			{!! Form::open(['action' => 'LA\CotizacionesController@store', 'id' => 'cotizacione-add-form']) !!}
			<div class="modal-body">
				<div class="box-body">
                    @la_form($module)
					
					{{--
					@la_input($module, 'nombre')
					@la_input($module, 'fecha')
					@la_input($module, 'empresa')
					@la_input($module, 'ciudad')
					@la_input($module, 'telefono')
					@la_input($module, 'correo')
					@la_input($module, 'productos')
					--}}
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				{!! Form::submit( 'Submit', ['class'=>'btn btn-success']) !!}
			</div>
			{!! Form::close() !!}
		</div>
	</div>
</div>
@endla_access

@endsection

@push('styles')
<link rel="stylesheet" type="text/css" href="{{ asset('la-assets/plugins/datatables/datatables.min.css') }}"/>
@endpush

@push('scripts')
<script src="{{ asset('la-assets/plugins/datatables/datatables.min.js') }}"></script>
<script>
$(function () {
	
	
    $('#example1 thead tr').clone(true).appendTo( '#example1 thead' );
    $('#example1 thead tr:eq(1) th').each( function (i) {
		if(i!=4){
			var title = $(this).text();
			$(this).html( '<input type="text" placeholder="Buscar '+title+'" />' );
	 
			$( 'input', this ).on( 'keyup change', function () {
				
				if ( table.column(i).search() !== this.value ) {
					
					table
						.column(i)
						.search( this.value )
						.draw();
				}
			} );
		}
    } );
 
 
	
    $('#example2 thead tr').clone(true).appendTo( '#example2 thead' );
    $('#example2 thead tr:eq(1) th').each( function (i) {
		if(i!=4){
			var title = $(this).text();
			$(this).html( '<input type="text" placeholder="Buscar '+title+'" />' );
	 
			$( 'input', this ).on( 'keyup change', function () {
				
				if ( table.column(i).search() !== this.value ) {
					
					table
						.column(i)
						.search( this.value )
						.draw();
				}
			} );
		}
    } );
 
 
	$("#example1").DataTable({
		processing: true,
        serverSide: true,
		order: [[ 1, "asc" ]],
        ajax: "{{ url(config('laraadmin.adminRoute') . '/cotizacione_dt_ajax') }}",
		language: {
			lengthMenu: "_MENU_",
			search: "_INPUT_",
			searchPlaceholder: "Search"
		},
		@if($show_actions)
		columnDefs: [ { orderable: false, targets: [-1] }],
		@endif
	});
	
	
	$("#example2").DataTable({
		processing: true,
        serverSide: true,
		order: [[ 1, "asc" ]],
        ajax: "{{ url(config('laraadmin.adminRoute') . '/cotizacione_dt_ajax2') }}",
		language: {
			lengthMenu: "_MENU_",
			search: "_INPUT_",
			searchPlaceholder: "Search"
		},
		@if($show_actions)
		columnDefs: [ { orderable: false, targets: [-1] }],
		@endif
	});
	
	$("#cotizacione-add-form").validate({
		
	});
});
</script>
@endpush