<?php $__env->startSection('css_page_level'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')); ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/select2/css/select2.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/select2/css/select2-bootstrap.min.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-select/1.12.2/bootstrap-select.min.css')); ?>"/>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/bootstrap-select/bootstrap-select.min.css')); ?>"/>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('page-content-wrapper'); ?>
<div class="page-content-wrapper" id="main">
	<div class="page-content">
		<h3 class="page-title">
			<?php $setting = app('anlutro\LaravelSettings\Facade'); ?>
			<?php echo e($setting::get('system_name','全方位建築智慧化管理系統')); ?> 
			<small><?php echo e($setting::get('company_name','新保科技')); ?></small>
		</h3>
		<div class="page-bar">
			<ul class="page-breadcrumb">
				<li>
					<i class="fa fa-home"></i>
					<a href="<?php echo e(route('manage::index')); ?>"><?php echo app('translator')->get('messages.homepage'); ?></a>
					<i class="fa fa-angle-right"></i>
				</li>
				<li>
					<a href="<?php echo e(route('manage::camera::index')); ?>"><?php echo app('translator')->get('messages.camera_manage'); ?></a>
					<i class="fa fa-angle-right"></i>
				</li>
				<li>
					<a href="<?php echo e(route('manage::camera::setting')); ?>"><?php echo app('translator')->get('messages.camera_setting'); ?></a>
				</li>
			</ul>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="portlet box purple-studio">
					<div class="portlet-title">
						<div class="caption">
							CCTV設定
						</div>
					</div>
					<div class="portlet-body form">
						<form class="form-horizontal form-bordered">
							<div class="form-group">
								<label class="col-md-3 control-label">設定檔路徑</label>
								<div class="col-md-6">
									<input id="url" type="text" class="form-control" placeholder="請輸入設定檔路徑" value="<?php echo e($camera->url); ?>">
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">分片長度</label>
								<div class="col-md-6">
									<input id="length" type="number" class="form-control" placeholder="請輸入分片長度" value="<?php echo e($camera->length); ?>">
								</div>
							</div>
							<div class="form-group">
								<label class="col-md-3 control-label">暫存分片數量</label>
								<div class="col-md-6">
									<input id="part" type="number" class="form-control" placeholder="請輸入暫存分片數量" value="<?php echo e($camera->part); ?>">
								</div>
							</div>								
							<div class="form-actions">
								<div class="row">
									<div class="col-md-offset-3 col-md-9">
										<a id="btn_submit" class="btn purple pull-right"><i class="fa fa-check"></i> <?php echo app('translator')->get('messages.submit'); ?></a>
									</div>
								</div>
							</div>
							<input type="hidden" id="_token" name="_token" value="<?php echo e(csrf_token()); ?>">
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('plugins_page_level'); ?>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/jquery-validation/js/additional-methods.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/datatables/media/js/jquery.dataTables.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootbox/bootbox.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-TW.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-fileinput/additional-methods.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/select2/js/select2.min.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('assets/global/plugins/bootstrap-select/1.12.2/bootstrap-select.min.js')); ?>"></script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js_page_level'); ?>
<script>
$(document).ready(function(){
	$(document).on('click','#btn_submit',function(){
		$.ajax({
			type : 'POST',
			url: "<?php echo e(route('manage::camera::edit_setting')); ?>",
			dataType : 'json',
			data : {
				url 	: $('#url').val(),
				length 	: $('#length').val(),
				part 	: $('#part').val(),
				_token : $('#_token').val(),
			},
			success: function(sendback){
				toastr['success'](sendback.messages);
			},
			error: function(){
				toastr['error']("<?php echo app('translator')->get('messages.error_need_refresh'); ?>");
			}
		});
	});
});

</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.manage', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>