@extends('layouts.main')

@section('title', 'Entri 52W Perawatan Rutin - Manajemen Strategi - Asset Management')

@section('css')
<link rel="stylesheet" type="text/css" href="{{url('global_assets/plugins/select2/css/select2-bootstrap.min.css')}}">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.min.css">
@stop

@section('pagetitle', 'Entri 52W Perawatan Rutin - Manajemen Strategi')

@section('content') 
</style>
        <!-- BEGIN PAGE BASE CONTENT -->
        <div class="card" id="mstrategi-form">
        	<div class="card-header header-elements-inline">
				<h5 class="card-title">Entri 52W Perawatan Rutin Form</h5>
			</div>

            <div class="card-body">
                @if (count($errors) > 0)
                    <div class="alert alert-danger alert-styled-right alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                        @foreach(array_unique($errors->all()) as $err)
                            {{ $err }}<br>
                        @endforeach
                    </div>
                @endif
                <div class="alert alert-danger" style="display:none"></div>

                @if (Session::has('error'))
                    <div class="alert alert-danger alert-styled-right alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                        {{ Session::get('error', 'Error') }}
                    </div>
                @endif
                @if (Session::has('success'))
                    <div class="alert alert-success alert-styled-right alert-arrow-right alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert"><span>&times;</span></button>
                        {{ Session::get('success', 'Success') }}
                    </div>
                @endif
                <!-- BEGIN FORM-->
                {!! Form::open(['url' => route('mstrategi::mstrategi-simpanRutin52w'), 'class' => 'form-horizontal', 'id' => 'fm_52w']) !!}
                	<fieldset class="mb-3">
                		<input type="text" class="hidden" name="_token" value="{{csrf_token()}}">

                        <div class="form-group row">
                            <label class="col-form-label col-lg-2">Tahun</label>
                            <div class="col-lg-10">
                                {!! Form::text('tahun', null, ['class'=>'form-control', 'id'=>'yearpicker']) !!}
                            </div>
                        </div>

	                    <div class="form-group row">
							<label class="col-form-label col-lg-2">Lokasi</label>
							<div class="col-lg-10">
                                {!! Form::select('instalasi_id', $instalasi, null, ['class'=>'form-control select2', 'id'=>'instalasi']) !!}
							</div>
						</div>

                        <div class="text-right">
                            <a href="" id="cek" target="_blank" class="btn btn-success legitRipple cetak">Cetak 52W</a>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-2">Komponen</label>
                            <div class="col-lg-10">
                                {!! Form::select('komponen_id', $template, null, ['class'=>'form-control select2', 'id'=>'template']) !!}
                            </div>
                        </div>

                        <div class="form-group row">
                            <label class="col-form-label col-lg-2">Part</label>
                            <div class="col-lg-10">
                                {!! Form::select('kodepart', $kodepart, null, ['class'=>'form-control select2', 'id'=>'kodepart']) !!}
                            </div>
                        </div>

                        <div class="row">
                            <dir class="col-md-12">
                                <table class="table table-hover" id="tabel" style="width: 100%;">
                                    <thead>
                                        <tr>                                    
                                            <th>Perawatan</th>
                                            <th>Frekuensi</th>
                                            <th>Minggu Mulai</th>
                                            <th>Jumlah Orang</th>
                                            <th>Total Durasi (Jam)</th>
                                        </tr>
                                    </thead>
                                    <tbody id="part">
                                        <tr>
                                            <td colspan="5" align="center">Data Kosong</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </dir>
                        </div>

                	</fieldset>

                    					@if(! $status )
						@if (((date('m') == '12') && ($curWeek % 4 == 0)) || in_array(trim(\Auth::user()->userid), $nipception))
							<div class="text-right">
								<button type="submit" class="btn btn-primary legitRipple" id="simpan">Simpan</button>
							</div>
						@endif
					@else
						<div class="text-right">
							<button type="submit" class="btn btn-primary legitRipple" id="simpan">Simpan</button>
						</div>
					@endif
                {!! Form::close() !!}
                <!-- END FORM-->
            </div>
        </div>
    <!-- /form inputs -->
@endsection
@section('js')
<script type="text/javascript" src="{{url('global_assets/plugins/select2/js/select2.full.min.js')}}"></script>

<script src="{{url('global_assets/plugins/datepicker/bootstrap-datepicker.js')}}"></script>
<link href="{{url('global_assets/plugins/datepicker/bootstrap-datepicker.css')}}" rel="stylesheet"/>
<script>
$(document).ready(function () {
    $(".select2").select2();

    $("#simpan").hide();

    $("#cek").hide();

    $("#yearpicker").datepicker({
        format: "yyyy",
        viewMode: "years", 
        minViewMode: "years"
    });

    $('#kodepart').change(function(event) {
        var tahun = $('#yearpicker').val();
        var komponen = $('#template').val();

        if ($(this).val() != '') {
            var kodepart = $('#kodepart').val();

            $.ajax({
                url: "{{url('mstrategi/kodePartSelect')}}/" + komponen + '/' + $(this).val() + '/' + tahun,
                type: 'get',
                success: function(result) {
                    console.log(result);
                    $('#part').html(result);
                    // $('#kodepart').html(result.data);
                }
            });

            $("#simpan").show();
            
        }else{
            $('#part').empty();
            
            $("#simpan").hide();
        }
    });

    $('#template').change(function () {
        $('#kodepart').empty();
        $('#kodepart').append('<option value="">Pilih Part</option>');

        if ($(this).val() != '') {
            // $('#part').empty();
            var tahun = $('#yearpicker').val();

            $.ajax({
                type: "get",
                url: "{{url('mstrategi/KomponenSelectPrw')}}/" + $(this).val(),
                success: function(result) {
                    $('#kodepart').append(result.data);
                }
            })
        }
    });

    $('#instalasi').change(function () {
        $('#asset').empty();
        $('#asset').append('<option value="">Pilih Asset</option>');

        $('#template').empty();
        $('#template').append('<option value="">Pilih Komponen</option>');        
        if ($(this).val() != '') {
            $.ajax({
                type: "get",
                url: "{{url('mstrategi/PrwrutinLokasiSelect')}}/" + $(this).val(),
                success: function(result) {
                    $('#template').append(result.template);
                }
            })

            var tahun = $('#yearpicker').val();
            $('.cetak').attr("href", "/mstrategi/CetakPrw52w/"+ $(this).val() + "/" + tahun);
            $("#cek").show();
        }else{
            $("#cek").hide();
        }
    });
});
</script>
@endsection