@extends('template')
@section('content')
    <div class="main-content">

        <div class="page-content">
            <div class="container-fluid">

                <!-- start page title -->
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box d-flex align-items-center justify-content-between">
                            <div class="page-title">
                                <h4 class="mb-0 font-size-18">Data Monitoring</h4>

                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="javascript: void(0);">Menu Pengawasan</a></li>
                                    <li class="breadcrumb-item"><a href="/data-monitoring">Data Monitoring</a></li>
                                    <li class="breadcrumb-item active">Tambah</li>
                                </ol>
                            </div>


                        </div>
                    </div>
                </div>
                <!-- end page title -->

                <!-- Start Page-content-Wrapper -->
                <div class="page-content-wrapper">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex justify-content-between ">
                                        <h4 class="card-title">Tambah Data Monitoring</h4>
                                        {{-- <button style="margin-top:0!important;" class="btn btn-purple text-white m-3"><i
                                                class="mdi mdi-plus"></i>Tambahkan
                                            Data</button> --}}
                                    </div>
                                    <form action="{{ route('data-monitoring.store') }}" enctype="multipart/form-data" method="POST">
                                        @csrf
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="">Nama Program </label>
                                                    <input type="text" name="nama_program" value="{{ old('nama_program') }}" placeholder="Nama Program" class="form-control mb-3" id="">
                                                </div>
                                                <div class="form-group">
                                                    <label for="">Nama Kegiatan </label>
                                                    <input type="text" name="nama_kegiatan" value="{{ old('nama_kegiatan') }}" placeholder="Nama Kegiatan" class="form-control mb-3" id="">
                                                    {{-- @error('nama')
                                                        <small class="form-text text-muted text-danger pl-3" style="font-style: italic">{{ $message }}</small>
                                                    @enderror --}}
                                                </div>
                                                <div class="form-group">
                                                    <label for="">Sub Kegiatan</label>
                                                    <input type="text" name="sub_kegiatan" value="{{ old('sub_kegiatan') }}" placeholder="Sub Kegiatan" class="form-control mb-3" id="">
                                                </div>
                                                <div class="form-group mb-3">
                                                    <label for="">Nama Pekerjaan</label>
                                                    {{-- <input type="text" name="nama_pekerjaan" value="{{ old('nama_pekerjaan') }}" placeholder="Nama Pekerjaan" class="form-control mb-3" id=""> --}}
                                                    <select name="penyedia_jasa_id" class="form-control" id="penyedia_jasa_id">
                                                        <option value="">Pilih Pekerjaan</option>
                                                        @foreach ($PenyediaJasa as $a)
                                                            <option value="{{ $a->id }}" {{ old('nama_pekerjaan') == $a->id ? 'selected' : '' }}>{{$a->nama}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="form-group">
                                                    <label for="">Nilai Kontrak</label>
                                                    <input type="number" name="nilai_kontrak" value="{{ old('nilai_kontrak') }}" placeholder="Nilai Kontrak" class="form-control mb-3" id="">
                                                </div>
                                                <div class="form-group mb-3">
                                                    <label for="">Nomor / Tanggal Kontrak</label>
                                                    <div class="row">
                                                        <div class="col-4">
                                                            <input type="number" {{ old('nomor_kontrak') }} name="nomor_kontrak" class="form-control" id="">
                                                        </div>
                                                        <div class="col-8">
                                                            <input type="date" {{ old('tgl_kontrak') }} name="tgl_kontrak" class="form-control" id="">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group mb-3">
                                                    <label for="">Nomor / Tanggal Kontrak Abendum</label>
                                                    <div class="row">
                                                        <div class="col-4">
                                                            <input type="number" value="{{old('nomor_kontrak_adendum') }}" name="nomor_kontrak_adendum" class="form-control" id="">
                                                        </div>
                                                        <div class="col-8">
                                                            <input type="date" value="{{old('tgl_kontrak_adendum') }}" name="tgl_kontrak_adendum" class="form-control" id="">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group">
                                                    <label for="">Tanggal Pelaksanaan </label>
                                                    <input type="date" name="tgl_pelaksanaan"  value="{{ old('tgl_pelaksanaan') }}" placeholder="Tanggal Pelaksanaan" class="form-control mb-3" id="">
                                                </div>
                                                <div class="form-group">
                                                    <label for="">Kontrak Pelaksanaan</label>
                                                    <input type="text" name="kontrak_pelaksanaan" value="{{ old('kontrak_pelaksanaan') }}" placeholder="Kontrak Pelaksanaan" class="form-control mb-3" id="">
                                                </div>
                                                <div class="form-group">
                                                    <label for="">Konsultan Supervisi</label>
                                                    <input type="text" name="konsultan_supervisi" value="{{ old('konsultan_supervisi') }}" placeholder="Konsultan Supervisi" class="form-control mb-3" id="">
                                                </div>
                                                <div class="form-group">
                                                    <label for="">Bidang Pelaksanaan</label>
                                                    <input type="text" name="bidang_pelaksanaan" value="{{ old('bidang_pelaksanaan') }}" placeholder="Bidang Pelaksanaan" class="form-control mb-3" id="">
                                                </div>
                                                <div class="form-group">
                                                    <label for="">PPKOM / PPK</label>
                                                    <input type="text" name="ppkom_ppk" value="{{ old('ppkom_ppk') }}" placeholder="PPKOM / PPK" class="form-control mb-3" id="">
                                                </div>
                                                <div class="form-group">
                                                    <label for="">Tenaga Ahli</label>
                                                    <input type="text" name="tenaga_ahli" value="{{ old('tenaga_ahli') }}" placeholder="Tenaga Ahli" class="form-control mb-3" id="">
                                                </div>
                                                <div class="form-group">
                                                    <label for="">PPTK</label>
                                                    <input type="text" name="pptk" value="{{ old('pptk') }}" placeholder="PPTK" class="form-control mb-3" id="">
                                                </div>
                                            </div>
                                        </div>
                                        <hr>
                                        <button type="submit" class="btn btn-success">SIMPAN</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!-- end col -->
                    </div>
                    <!-- end row -->

                </div>
                <!-- End Page-content -->

            </div>
            <!-- Container-Fluid -->
        </div>
        <!-- End Page-content-wrapper -->
    </div>
    <script>
        @section('jqeury')
            $('#penyedia_jasa_id').select2();
            const DocumentFile = ["foto_penanggung_jawab", "foto_visual_kantor", "foto_visual_papan_nama", "foto_perlengkapan_kantor", "foto_peralatan_kerja", "ktp_pimpinan", "npwp_pimpinan", "npwp_perusahaan"];
            // Document
            for(var i = 0; i < DocumentFile.length; i++) {
                $('#'+ DocumentFile[i]).hide();
            }

            $('#no_faxmile_check').change(function() {
                if($(this).is(':checked')) {
                    $("#no_faxmile").attr('disabled','disabled');
                } else {
                    $("#no_faxmile").removeAttr('disabled');
                }
            });

            $('#website_check').change(function() {
                if($(this).is(':checked')) {
                    $("#website").attr('disabled','disabled');
                } else {
                    $("#website").removeAttr('disabled');
                }
            });

            $('#'+ DocumentFile[0] + '_check').change(function() {
                if($(this).is(':checked')) {
                    $('#'+ DocumentFile[0]).show();
                } else {
                    $('#'+ DocumentFile[0]).hide();
                }
            });

            $('#'+ DocumentFile[1] + '_check').change(function() {
                if($(this).is(':checked')) {
                    $('#'+ DocumentFile[1]).show();
                } else {
                    $('#'+ DocumentFile[1]).hide();
                }
            });

            $('#'+ DocumentFile[2] + '_check').change(function() {
                if($(this).is(':checked')) {
                    $('#'+ DocumentFile[2]).show();
                } else {
                    $('#'+ DocumentFile[2]).hide();
                }
            });

            $('#'+ DocumentFile[3] + '_check').change(function() {
                if($(this).is(':checked')) {
                    $('#'+ DocumentFile[3]).show();
                } else {
                    $('#'+ DocumentFile[3]).hide();
                }
            });

            $('#'+ DocumentFile[4] + '_check').change(function() {
                if($(this).is(':checked')) {
                    $('#'+ DocumentFile[4]).show();
                } else {
                    $('#'+ DocumentFile[4]).hide();
                }
            });

            $('#'+ DocumentFile[5] + '_check').change(function() {
                if($(this).is(':checked')) {
                    $('#'+ DocumentFile[5]).show();
                } else {
                    $('#'+ DocumentFile[5]).hide();
                }
            });

            $('#'+ DocumentFile[6] + '_check').change(function() {
                if($(this).is(':checked')) {
                    $('#'+ DocumentFile[6]).show();
                } else {
                    $('#'+ DocumentFile[6]).hide();
                }
            });

            $('#'+ DocumentFile[7] + '_check').change(function() {
                if($(this).is(':checked')) {
                    $('#'+ DocumentFile[7]).show();
                } else {
                    $('#'+ DocumentFile[7]).hide();
                }
            });

            //alert("Test");
        @endsection
    </script>
@endsection