@extends('template')
@section('title', 'Tambah Level')
@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 Role Level</h4>

                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item"><a href="javascript: void(0);">Pengaturan</a></li>
                                    <li class="breadcrumb-item"><a href="/role-level">Data Role Level</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 Role Level</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('role-level.store') }}" enctype="multipart/form-data" method="POST">
                                        @csrf
                                        <div class="form-group">
                                            <label for="">Nama Level </label>
                                            <input type="text" name="role" value="{{ old('role') }}" placeholder="Nama Level" class="form-control" id="">
                                        </div>
                                        @error('role')
                                            <small class="form-text text-muted text-danger pl-3" style="font-style: italic">{{ $message }}</small>
                                        @enderror
                                        <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