@extends('layouts.master')

@section('title', 'Dokumen')

@section('breadcrumb')
    <div class="row mb-2">
        <div class="col-sm-6">
            <h1 class="m-0">Dokumen</h1>
        </div>
        <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="#">Home</a></li>
                <li class="breadcrumb-item">Dokumen</li>
                <li class="breadcrumb-item active">Tambah</li>
            </ol>
        </div>
    </div>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-header text-left">
                        <h5>Tambahkan Dokumen</h5>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('masterdata.dokumen.store') }}" method="post" autocomplete="off">
                            @csrf
                            @method('POST')
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <label>Dokumen</label>
                                        <input type="text" name="dokumen" id="dokumen" class="form-control">
                                    </div>
                                </div>
                                
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                    <label>Komponen</label>
                                    <select name="komponen_id" id="komponen_id" class="form-control nilaiHuruf" style="width: 100%;">
                                        @foreach ($komponen as $kom)
                                            <option value="{{ $kom->id }}">{{ $kom->komponen }} </option> 
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                    <label>Dokumen ESR (OPD)</label>
                                    <select name="id_esr_dokumen" id="id_esr_dokumen" class="form-control nilaiHuruf" style="width: 100%;">
                                        @foreach ($dokumenEsr as $esr)
                                            <option value="{{ $esr->id }}" >{{ $esr->dokumen }} </option> 
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                    <label>Dokumen ESR (Instansi)</label>
                                    <select name="id_esr_dokumen_instansi" id="id_esr_dokumen_instansi" class="form-control nilaiHuruf" style="width: 100%;">
                                        @foreach ($dokumenEsr as $esr)
                                            <option value="{{ $esr->id }}" >{{ $esr->dokumen }} </option> 
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            </div>

                            <div class="row mt-1">
                                <div class="col-md-12">
                                <div class="form-group">
                                    <label>Status</label><br>
                                    <div class="icheck-success d-inline">
                                    <input type="radio" name="status" id="statusHarus"  value="1"  class="statusSub" checked>
                                    <label for="statusHarus">
                                        Harus Ada
                                    </label>
                                    </div>
                                    <div class="icheck-warning d-inline ml-3">
                                        <input type="radio" name="status" id="statusTidak"  value="0"  class="statusSub">
                                        <label for="statusTidak">
                                            Tidak Harus Ada
                                        </label>
                                    </div>
                                </div>
                                </div>
                            </div>

                            <div class="row mt-1">
                                <div class="col-md-12">
                                <div class="form-group">
                                    <label>Pengguna</label><br>
                                    <div class="icheck-success d-inline">
                                    <input type="radio" name="pengguna" id="statusSemua"  value="0"  class="statusSub" checked>
                                    <label for="statusSemua">
                                        Semua
                                    </label>
                                    </div>
                                    <div class="icheck-success d-inline ml-3">
                                        <input type="radio" name="pengguna" id="statusInternal"  value="1"  class="statusSub">
                                        <label for="statusInternal">
                                            Internal
                                        </label>
                                    </div>
                                    <div class="icheck-success d-inline ml-3">
                                        <input type="radio" name="pengguna" id="statusExternal"  value="2"  class="statusSub">
                                        <label for="statusExternal">
                                            External
                                        </label>
                                    </div>
                                </div>
                                </div>
                            </div>
                            
                            
                           
                            
                            


                            

                            <div class="form-group text-center">
                                <hr>
                                <a href="{{ route('kendali.periode.home') }}" class="btn btn-danger" style="width: 100px;">
                                    <i class="fa fa-times-circle"></i> Batal
                                </a>
                                <button type="submit" class="btn btn-success" style="width: 100px;">
                                    <i class="fa fa-check-circle"></i> Simpan
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection



@section('js')
   
     <script>
        $('#tahun').datetimepicker({
        theme: 'bootstrap',
        viewMode: 'years',
        format: 'YYYY'
    });
        $("#tgl_awal").datetimepicker({
            theme: 'bootstrap',
            format: 'DD-MM-yyyy'
        });
        $("#tgl_akhir").datetimepicker({
            theme: 'bootstrap',
            format: 'DD-MM-yyyy'
        });
    </script>
@endsection