@extends('layout')

@section('css')
<style type="text/css">
    .price-user-table-filters .select2-container {
        width: 100% !important;
    }
</style>
@endsection

@section('content')

	<!-- Page header -->
	<div class="page-header page-header-light">
		<div class="page-header-content header-elements-md-inline">
			<div class="page-title d-flex">
				<h4><i class="icon-arrow-left52 mr-2"></i>Price User - {{$user->nama}} - {{@$user->coload->nama}}</h4>
				<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
			</div>
		</div>
	</div>
	<!-- /page header -->

	<!-- Content area -->
	<div class="content">

		@if ( in_array(Auth::user()->id,[251,7633,12283]) || !in_array(Auth::user()->role,[20, 21]) )
			<!-- Hover rows -->
			<div class="card border-top-warning">
				<div class="card-header header-elements-inline">
				</div>


					<div class="card-body">
						
								<form id="form_priceperuser" action="{{url('savepriceperuser').'/'.$user->id}}" method="POST">
							@csrf
							<fieldset class="mb-3">
									<div class="form-group row">
									<label class="col-form-label col-lg-2">Master Price</label>
									<div class="col-lg-8">
										<select id="master_price" class="form-control form-control-select2" data-container-css-class="border-teal" data-dropdown-css-class="border-teal">
											<option value="">-- Pilih Harga --</option>
											@foreach ($hargaekspedisis as $harga)
												@php
													$ekspedisiTitle = $harga->tipe_ekspedisi.' - '.$harga->tipe_barang.(isset($harga->gudang) && $harga->gudang ? ' - '.$harga->gudang : '');
												@endphp
												<option value="{{$harga->id}}" data-ekspedisi-id="{{$harga->id}}" data-ekspedisi-title="{{$ekspedisiTitle}}">{{$ekspedisiTitle}}</option>
											@endforeach
										</select>
									</div>
                                    <div class="col-lg-2">
                                        <button class="btn btn-info btn-block btn-add-master-price" type="button">
                                            <i class="icon icon-plus2"></i> Tambah
                                        </button>
                                    </div>
								</div>

								<div class="form-group row">
									<label class="col-form-label col-lg-2">Custom Price</label>
									<div class="col-lg-10">
										<div id="price_user_master_sections"></div>
									</div>
								</div>
								
								<div class="row">
									<div class="col text-center">
										<button class="btn btn-success" type="submit">
											<i class="icon icon-floppy-disk"></i> Simpan
										</button>

										<button class="btn btn-warning btn-reset" type="button">
											<i class="icon icon-undo"></i> Reset
										</button>
									</div>
								</div>
							</fieldset>
						</form>

					</div>

			</div>
			<!-- /hover rows -->
		@endif

        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    
                    @php
                        $groupedPrices = collect($arr_price)->groupBy('ekspedisi_id');

                        $filterTipeEkspedisis = collect($arr_price)->pluck('tipe_ekspedisi')
                            ->map(function ($tipeEkspedisi) {
                                return trim((string) $tipeEkspedisi);
                            })
                            ->filter()
                            ->unique(function ($tipeEkspedisi) {
                                return strtolower($tipeEkspedisi);
                            })
                            ->sortBy(function ($tipeEkspedisi) {
                                return strtolower($tipeEkspedisi);
                            })
                            ->values();

                        $filterGudangs = collect($arr_price)->pluck('gudang')
                            ->map(function ($gudang) {
                                return trim((string) $gudang);
                            })
                            ->filter()
                            ->unique()
                            ->sort()
                            ->values();
                    @endphp

                    <div class="row mb-3 price-user-table-filters">
                        <div class="col-md-4">
                            <label for="filter_tipe_ekspedisi">
                                <i class="icon icon-filter3"></i>
                                Tipe Ekspedisi
                            </label>
                            <select id="filter_tipe_ekspedisi" class="form-control form-control-select2">
                                <option value="">Semua Tipe Ekspedisi</option>
                                @foreach($filterTipeEkspedisis as $tipeEkspedisi)
                                    <option value="{{ $tipeEkspedisi }}">{{ $tipeEkspedisi }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="filter_gudang_table">
                                <i class="icon icon-filter3"></i>
                                Gudang
                            </label>
                            <select id="filter_gudang_table" class="form-control form-control-select2">
                                <option value="">Semua Gudang</option>
                                @foreach($filterGudangs as $filterGudang)
                                    <option value="{{ $filterGudang }}">{{ $filterGudang }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-auto" style="margin-top: auto;">
                            <button type="button" id="reset_table_filters" class="btn btn-light">
                                Reset <i class="icon-undo ml-2"></i>
                            </button>
                        </div>
                    </div>

                    <table class="table datatable-basic table-hover table-xlg">
                        <thead>
                            <tr>
                                <th class="text-center">No</th>
                                <th class="text-center">Tipe Ekspedisi</th>
                                <th class="text-center">Tipe Barang</th>
                                <th class="text-center">Gudang</th>
                                <th class="text-center">Master Price Detail</th>
                                <th class="text-center">Custom Price Detail</th>
                                <th class="text-center">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if ($groupedPrices->count() > 0)
                                
								@foreach ($groupedPrices as $priceGroup)
                                    @php
                                        $firstPriceUser = $priceGroup->first();
                                        $groupEditPayload = $priceGroup->map(function ($priceuser) {
                                            return [
                                                'ekspedisi_id' => $priceuser['ekspedisi_id'],
                                                'ekspedisi_title' => trim($priceuser['tipe_ekspedisi'].' - '.$priceuser['tipe_barang'].' - '.$priceuser['gudang'], ' -'),
                                                'master_price' => $priceuser['ekspedisi_id'],
                                                'master_price_details' => $priceuser['master_price_details'],
                                                'price_details' => $priceuser['price_details'],
                                            ];
                                        })->values();
                                        $groupDeleteId = $priceGroup->pluck('id_custom_price')->filter()->first();
                                    @endphp
									<tr>
										<td class="text-center">{{$loop->iteration}}</td>
										<td class="text-center">
                                            {{$firstPriceUser['tipe_ekspedisi']}}
										</td>
										<td class="text-center">
                                            {{$firstPriceUser['tipe_barang']}}
										</td>
										<td class="text-center">
                                            {{$firstPriceUser['gudang']}}
                                        </td>
                                        <td>
                                            @foreach ($priceGroup as $priceuser)
                                                @if (!$loop->first)
                                                    <hr class="my-2">
                                                @endif

                                                @if (count($priceuser['master_price_details']) > 0)
                                                    @foreach ($priceuser['master_price_details'] as $masterDetail)
                                                        @if (!$loop->first)
                                                            <br>
                                                        @endif
                                                        {{ $masterDetail['dari'] ?: '-' }} - {{ $masterDetail['sampai'] ?: '-' }} |
                                                        {{ $masterDetail['start_cbm'] ?: '-' }} - {{ $masterDetail['end_cbm'] ?: '-' }} :
                                                        Rp {{ $masterDetail['harga'] ? ribuan($masterDetail['harga']) : '-' }}
                                                    @endforeach
                                                @else
                                                    -
                                                @endif
                                            @endforeach
                                        </td>
										<td>
                                            @foreach ($priceGroup as $priceuser)
                                                @if (!$loop->first)
                                                    <hr class="my-2">
                                                @endif

                                                @if (count($priceuser['price_details']) > 0)
													@foreach ($priceuser['price_details'] as $priceDetail)
                                                        @if (!$loop->first)
                                                            <br>
                                                        @endif
                                                        {{ $priceDetail['dari'] ?: '-' }} - {{ $priceDetail['sampai'] ?: '-' }}
                                                        : Rp {{ $priceDetail['harga'] ? ribuan($priceDetail['harga']) : '-' }}
                                                    @endforeach
												@else
                                                    -
												@endif
                                            @endforeach
                                        </td>
										<td class="text-center">
                                            @if (!in_array(\Auth::user()->role, [20, 21]))
                                                <button
                                                    type="button"
                                                    data-price-group='@json($groupEditPayload)'
                                                    class="btn btn-info btn-xs btnedit"
                                                >
                                                    <i class="icon icon-pencil"></i>
                                                </button>
                                            @endif

                                            @if ($groupDeleteId && !in_array(\Auth::user()->role, [20, 21]))
                                                <a href="{{url('deletepriceperuser').'/'.$groupDeleteId.'?scope=parent'}}" class="btn btn-danger btn-xs btndelete">
                                                    <i class="icon icon-trash"></i>
                                                </a>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td align="center" colspan="7">Data Kosong</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>

                </div>
            </div>
        </div>

	</div>
	<!-- /content area -->

@endsection

@section('js')
	<!-- Theme JS files -->
	<script src="{{asset('global_assets/js/plugins/ui/moment/moment.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/notifications/pnotify.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/forms/validation/validate.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/buttons/spin.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/buttons/ladda.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/tables/datatables/datatables.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/pickers/daterangepicker.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/pickers/anytime.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/pickers/pickadate/picker.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/pickers/pickadate/picker.date.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/pickers/pickadate/picker.time.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/pickers/pickadate/legacy.js')}}"></script>
    <script src="{{asset('global_assets/js/plugins/media/fancybox.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/forms/styling/uniform.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/forms/inputs/inputmask.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/editors/summernote/summernote.min.js')}}"></script>

	<script src="{{asset('assets/js/app.js')}}"></script>

	<script src="{{asset('global_assets/js/demo_pages/picker_date.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/form_inputs.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/form_checkboxes_radios.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/gallery_library.js')}}"></script>
	<script type="text/javascript">
		var defaultPriceDetailDate = @json(date('Y-m-d'));
		var masterPriceDetailsByMasterPrice = @json(collect($arr_price)->pluck('master_price_details', 'ekspedisi_id'));
        var masterSectionIndex = 0;

		function formatRibuan(value) {
			var numeric = String(value || '').replace(/\D/g, '');
			if (numeric === '') return '';
			return numeric.replace(/\B(?=(\d{3})+(?!\d))/g, '.');
		}

		function escapeHtml(value) {
			return String(value || '')
				.replace(/&/g, '&amp;')
				.replace(/</g, '&lt;')
				.replace(/>/g, '&gt;')
				.replace(/"/g, '&quot;')
				.replace(/'/g, '&#039;');
		}

		function getMasterPriceText(masterId) {
			var $option = $('#master_price option[value="' + String(masterId || '') + '"]');
			return $option.length ? $option.text() : '';
		}

		function getMasterPriceOption(masterId) {
			return $('#master_price option[value="' + String(masterId || '') + '"]');
		}

		function getMasterEkspedisiId(masterId) {
			var $option = getMasterPriceOption(masterId);
			return $option.length ? String($option.data('ekspedisi-id') || '') : '';
		}

		function getMasterEkspedisiTitle(masterId) {
			var $option = getMasterPriceOption(masterId);
			return $option.length ? String($option.data('ekspedisi-title') || '') : '';
		}

		function buildPriceDetailRow(sectionIndex, detail) {
			detail = detail || {};

			return `
				<div class="price-user-detail-row row align-items-end mb-3">
					<input type="hidden" name="price_user_detail_id[${sectionIndex}][]" value="${detail.id || ''}">
					<div class="col-md-4">
						<label>Harga</label>
						<input class="form-control custom-price-input" name="custom_price[${sectionIndex}][]" type="text" value="${formatRibuan(detail.harga || '')}">
					</div>
					<div class="col-md-3">
						<label>Dari</label>
						<input type="date" name="dari[${sectionIndex}][]" class="form-control" value="${detail.dari || defaultPriceDetailDate}">
					</div>
					<div class="col-md-3">
						<label>Sampai</label>
						<input type="date" name="sampai[${sectionIndex}][]" class="form-control" value="${detail.sampai || defaultPriceDetailDate}">
					</div>
					<div class="col-md-2">
						<button class="btn btn-danger btn-block btn-remove-price-detail" type="button">
							<i class="icon icon-trash"></i> Hapus
						</button>
					</div>
				</div>
			`;
		}

		function buildCustomDetailsFromMasterDetails(masterDetails) {
			if (!Array.isArray(masterDetails) || masterDetails.length === 0) {
				return [{}];
			}

			return masterDetails.map(function(detail) {
				return {
					id: '',
					harga: detail.harga || '',
					dari: detail.dari || '',
					sampai: detail.sampai || ''
				};
			});
		}

		function buildMasterPriceDetailsSummary(masterDetails) {
			if (!Array.isArray(masterDetails) || masterDetails.length === 0) {
				return '<div class="text-muted small mb-3">Master price detail belum tersedia.</div>';
			}

			var summaryRows = masterDetails.map(function(detail) {
				return `
					<div>
						${escapeHtml(detail.dari || '-')} - ${escapeHtml(detail.sampai || '-')} |
						${escapeHtml(detail.start_cbm || '-')} - ${escapeHtml(detail.end_cbm || '-')} :
						Rp ${escapeHtml(formatRibuan(detail.harga || '')) || '-'}
					</div>
				`;
			}).join('');

			return `
				<div class="alert alert-info py-2 mb-3">
					<div class="font-weight-semibold mb-1">Master Price Detail</div>
					${summaryRows}
				</div>
			`;
		}

		function buildMasterPriceItem(sectionIndex, section) {
			section = section || {};

			var masterId = section.master_price || '';
			var masterPriceText = section.master_price_text || getMasterPriceText(masterId) || 'Master Price';
			var masterDetails = Array.isArray(section.master_price_details)
				? section.master_price_details
				: (masterPriceDetailsByMasterPrice[String(masterId)] || []);
			var priceDetails = Array.isArray(section.price_details) && section.price_details.length > 0
				? section.price_details
				: [{}];
			var rowsHtml = '';

			priceDetails.forEach(function(detail) {
				rowsHtml += buildPriceDetailRow(sectionIndex, detail);
			});

			return `
				<div class="price-user-master-item border rounded p-3 mb-3" data-section-index="${sectionIndex}">
					<input type="hidden" name="master_price[]" value="${masterId}">
					<div class="d-flex justify-content-between align-items-start mb-3">
						<div>
							<strong>${escapeHtml(masterPriceText)}</strong>
						</div>
						<div class="ml-3">
							<button class="btn btn-warning btn-sm btn-remove-master-price" type="button">
								<i class="icon icon-trash"></i>
							</button>
						</div>
					</div>
					${buildMasterPriceDetailsSummary(masterDetails)}
					<div class="price-user-detail-list">
						${rowsHtml}
					</div>
					<button class="btn btn-info btn-sm btn-add-price-detail" type="button">
						<i class="icon icon-plus2"></i> Tambah Detail Harga
					</button>
				</div>
			`;
		}

		function appendMasterPriceSection(section) {
			var currentIndex = masterSectionIndex;
			$('#price_user_master_sections').append(buildMasterPriceItem(currentIndex, section));
			masterSectionIndex += 1;
		}

		function resetPriceDetailRows() {
			masterSectionIndex = 0;
			$('#price_user_master_sections').empty();
		}

		function parseJsonArray(rawValue) {
			if (!rawValue) {
				return [];
			}

			if (Array.isArray(rawValue)) {
				return rawValue;
			}

			try {
				var parsed = JSON.parse(rawValue);
				return Array.isArray(parsed) ? parsed : [];
			} catch (error) {
				return [];
			}
		}

		function dateRangesOverlap(startA, endA, startB, endB) {
			if (!startA || !endA || !startB || !endB) {
				return false;
			}

			return startA <= endB && startB <= endA;
		}

		function validatePriceDetailDateRanges(showNotify) {
			var hasOverlap = false;

			$('.price-user-master-item').each(function() {
				var ranges = [];

				$(this).find('.price-user-detail-row').each(function(index) {
					ranges.push({
						index: index,
						start: $(this).find('input[name^="dari["]').val(),
						end: $(this).find('input[name^="sampai["]').val()
					});
				});

				for (var i = 0; i < ranges.length; i++) {
					for (var j = i + 1; j < ranges.length; j++) {
						if (dateRangesOverlap(ranges[i].start, ranges[i].end, ranges[j].start, ranges[j].end)) {
							hasOverlap = true;
							break;
						}
					}

					if (hasOverlap) {
						break;
					}
				}

				if (hasOverlap) {
					return false;
				}
			});

			if (hasOverlap && showNotify) {
				new PNotify({
					title: 'Error',
					text: 'Tanggal detail harga tidak boleh overlap.',
					icon: 'icon-blocked',
					type: 'error'
				});
			}

			return !hasOverlap;
		}

        $(document).on('click', '.btn-reset', function() {
            $('#master_price').val('').trigger('change');
            resetPriceDetailRows();
        });

		$(document).on('click', '.btn-add-master-price', function() {
            var masterId = $('#master_price').val();

            if (!masterId) {
                new PNotify({
                    title: 'Error',
                    text: 'Pilih master price terlebih dahulu.',
                    icon: 'icon-blocked',
                    type: 'error'
                });
                return;
            }

            if ($('input[name="master_price[]"][value="' + String(masterId) + '"]').length > 0) {
                new PNotify({
                    title: 'Error',
                    text: 'Master price tersebut sudah ditambahkan.',
                    icon: 'icon-blocked',
                    type: 'error'
                });
                return;
            }

            appendMasterPriceSection({
                ekspedisi_id: getMasterEkspedisiId(masterId),
                ekspedisi_title: getMasterEkspedisiTitle(masterId),
                master_price: masterId,
                master_price_text: getMasterPriceText(masterId),
                master_price_details: masterPriceDetailsByMasterPrice[String(masterId)] || [],
                price_details: buildCustomDetailsFromMasterDetails(masterPriceDetailsByMasterPrice[String(masterId)] || [])
            });

            $('#master_price').val('').trigger('change');
        });

        $(document).on('click', '.btnedit', function(event) {
            event.preventDefault();

            var priceGroup = parseJsonArray($(this).attr('data-price-group'));

            if (!Array.isArray(priceGroup) || priceGroup.length === 0) {
                return;
            }

            resetPriceDetailRows();

            priceGroup.forEach(function(priceItem) {
				var masterId = priceItem.master_price || priceItem.ekspedisi_id || '';
				var masterDetails = Array.isArray(priceItem.master_price_details)
					? priceItem.master_price_details
					: (masterPriceDetailsByMasterPrice[String(masterId)] || []);

                appendMasterPriceSection({
                    ekspedisi_id: priceItem.ekspedisi_id || '',
                    ekspedisi_title: priceItem.ekspedisi_title || '',
                    master_price: masterId,
                    master_price_text: getMasterPriceText(masterId),
                    master_price_details: masterDetails,
                    price_details: Array.isArray(priceItem.price_details) && priceItem.price_details.length > 0
                        ? priceItem.price_details
                        : buildCustomDetailsFromMasterDetails(masterDetails)
                });
            });

            document.getElementById('form_priceperuser').scrollIntoView({
                behavior: 'smooth',
                block: 'start'
            });
        });

		$(document).on('click', '.btn-add-price-detail', function() {
			var $section = $(this).closest('.price-user-master-item');
			var sectionIndex = $section.data('section-index');

			$section.find('.price-user-detail-list').append(buildPriceDetailRow(sectionIndex));
		});

		$(document).on('click', '.btn-remove-price-detail', function() {
			var $section = $(this).closest('.price-user-master-item');
			var sectionIndex = $section.data('section-index');
			var $rows = $section.find('.price-user-detail-row');

			if ($rows.length === 1) {
				$(this).closest('.price-user-detail-row').replaceWith(buildPriceDetailRow(sectionIndex));
				return;
			}

			$(this).closest('.price-user-detail-row').remove();
		});

		$(document).on('click', '.btn-remove-master-price', function() {
			$(this).closest('.price-user-master-item').remove();
		});

		$(document).on('change', 'input[name^="dari["], input[name^="sampai["]', function() {
			validatePriceDetailDateRanges(true);
		});

		$(document).on('click', '#btn-proses', function() {
			var salespengganti = $('#sales_pengganti option:selected').text()
			var tanggaldeaktivasi = $('#tanggal_deaktivasi').val()

			console.log(salespengganti, tanggaldeaktivasi)
			if (salespengganti == '' || tanggaldeaktivasi == '') {
				$('#txt-modal-alert').text('* Cek Kembali Inputan Anda!')
			} else {
				$('#txt-modal-alert').text('')

				$('#txtsalespengganti').text('Ke : '+salespengganti)
				$('#txttanggaldeaktivasi').text(tanggaldeaktivasi)
				$('#modal_theme').modal('hide')
				$('#modal_confirm').modal('show')
			}
			
		})

		$(document).on('click','#konfirmbtn', function() {
			$('#form_deactivatesales').submit()
		})

		$('.summernote').summernote({
			height: 100,
			toolbar: [
						['style', ['bold', 'italic', 'underline', 'clear']]
					]
		});

		function preview() {
			frame.src=URL.createObjectURL(event.target.files[0]);
			aframe.href=URL.createObjectURL(event.target.files[0]);
			$('#aframe').fancybox({
				padding: 3,
				type : 'image'
			});
		}

		function applyExactTableFilter(table, columnIndex, value) {
            var escapedValue = $.fn.dataTable.util.escapeRegex(value);
            table.column(columnIndex).search(value ? '^' + escapedValue + '$' : '', true, false).draw();
        }

		var priceUserTable = $('.datatable-basic').DataTable();

        $('#filter_tipe_ekspedisi').on('change', function() {
            applyExactTableFilter(priceUserTable, 1, $(this).val());
        });

        $('#filter_gudang_table').on('change', function() {
            applyExactTableFilter(priceUserTable, 3, $(this).val());
        });

        $('#reset_table_filters').on('click', function() {
            $('#filter_tipe_ekspedisi').val('').trigger('change');
            $('#filter_gudang_table').val('').trigger('change');
            priceUserTable.search('').draw();
            $('.dataTables_filter input').val('');
        });

        // Accessibility labels
        $('.pickadate-accessibility').pickadate({
            labelMonthNext: 'Go to the next month',
            labelMonthPrev: 'Go to the previous month',
            labelMonthSelect: 'Pick a month from the dropdown',
            labelYearSelect: 'Pick a year from the dropdown',
            selectMonths: true,
            selectYears: true,
            format: 'yyyy-mm-dd',
        });

		var FormValidation = function() {

		    // Validation config
		    var _componentValidation = function() {
		        if (!$().validate) {
		            console.warn('Warning - validate.min.js is not loaded.');
		            return;
		        }

		        // Initialize
		        var validator = $('.form-validate-jquery').validate({
		            ignore: 'input[type=hidden], .select2-search__field', // ignore hidden fields
		            errorClass: 'validation-invalid-label',
		            //successClass: 'validation-valid-label',
		            validClass: 'validation-valid-label',
		            highlight: function(element, errorClass) {
		                $(element).removeClass(errorClass);
		            },
		            unhighlight: function(element, errorClass) {
		                $(element).removeClass(errorClass);
		            },
		            // success: function(label) {
		            //    label.addClass('validation-valid-label').text('Success.'); // remove to hide Success message
		            //},

		            // Different components require proper error label placement
		            errorPlacement: function(error, element) {

		                // Unstyled checkboxes, radios
		                if (element.parents().hasClass('form-check')) {
		                    error.appendTo( element.parents('.form-check').parent() );
		                }

		                // Input with icons and Select2
		                else if (element.parents().hasClass('form-group-feedback') || element.hasClass('select2-hidden-accessible')) {
		                    error.appendTo( element.parent() );
		                }

		                // Input group, styled file input
		                else if (element.parent().is('.uniform-uploader, .uniform-select') || element.parents().hasClass('input-group')) {
		                    error.appendTo( element.parent().parent() );
		                }

		                // Other elements
		                else {
		                    error.insertAfter(element);
		                }
		            },
		            messages: {
		                nama: {
		                    required: 'Mohon diisi.'
		                },
		                email: {
		                    required: 'Mohon diisi.'
		                },
		                telp: {
		                    required: 'Mohon diisi.'
		                },
		                username: {
		                    required: 'Mohon diisi.'
		                },
		                // password: {
		                //     required: 'Mohon diisi.'
		                // },
		                role: {
		                    required: 'Mohon diisi.'
		                },
		            },
		        });

		        // Reset form
		        $('#reset').on('click', function() {
		            validator.resetForm();
		        });
		    };

		    // Return objects assigned to module
		    return {
		        init: function() {
		            _componentValidation();
		        }
		    }
		}();


		// Initialize module
		// ------------------------------

		document.addEventListener('DOMContentLoaded', function() {
		    FormValidation.init();
		});

        $(document).on('input', '.custom-price-input', function() {
            var formatted = formatRibuan(this.value);
            this.value = formatted;
        });

        $(document).on('submit', '#form_priceperuser', function() {
            if ($('#price_user_master_sections .price-user-master-item').length === 0) {
                new PNotify({
                    title: 'Error',
                    text: 'Pilih master price terlebih dahulu.',
                    icon: 'icon-blocked',
                    type: 'error'
                });
                return false;
            }

            if (!validatePriceDetailDateRanges(true)) {
                return false;
            }

            $('.custom-price-input').each(function() {
                $(this).val(String($(this).val() || '').replace(/\./g, ''));
            });
        });
	</script>
	<script type="text/javascript">
		$( document ).ready(function() {

			var $select = $('.form-control-select2').select2();

	        // Default style
	        @if(session('error'))
	            new PNotify({
	                title: 'Error',
	                text: '{{ session('error') }}.',
	                icon: 'icon-blocked',
	                type: 'error'
	            });
            @endif
            @if ( session('success'))
	            new PNotify({
	                title: 'Success',
	                text: '{{ session('success') }}.',
	                icon: 'icon-checkmark3',
	                type: 'success'
	            });
            @endif

		});
	</script>

	<script>
		var DateTimePickers = function() {
			
			//
			// Setup module components
			//
			
			// Daterange picker
			var _componentDaterange = function() {
				if (!$().daterangepicker) {
					console.warn('Warning - daterangepicker.js is not loaded.');
					return;
				}
				
				// Basic initialization
				$('.daterange-basic').daterangepicker({
					applyClass: 'btn-primary',
					cancelClass: 'btn-light'
				});
				
				// Single picker
				$('.daterange-single').daterangepicker({ 
					singleDatePicker: true,
					locale: {
						format: 'YYYY/MM/DD'
					}
				});
				
			};
			
			//
			// Return objects assigned to module
			//
			
			return {
				init: function() {
					_componentDaterange();
				}
			}
		}();
		
		
		// Initialize module
		// ------------------------------
		
		document.addEventListener('DOMContentLoaded', function() {
			DateTimePickers.init();
		});
		
	</script>
@endsection