@extends('layouts.admin.core')
@section('content')

<section class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <h1>Edit Usulan</h1>
            </div>
        </div>
    </div>
</section>

<section class="content">
    <form action="{{url('usulan/edit',[$usulan->id])}}" method="post" enctype="multipart/form-data">
        {{ csrf_field() }}
        <div class="card">
            <div class="card-body">
                @if(Session::has('flash_error'))
                    <div class="alert alert-danger alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        <h5><i class="icon fas fa-ban"></i> Alert!</h5>
                        {{ Session::get('flash_error') }}
                    </div>
                @endif

                @if(Session::has('flash_success'))
                    <div class="alert alert-success alert-dismissible">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                        <h5><i class="icon fas fa-check"></i> Sukses!</h5>
                        {{ Session::get('flash_success') }}
                    </div>
                @endif

                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="pilihUsul">Pilih Usul</label>
                            <input type="text" class="form-control" value="{{$usulan->jenisusulan->usulan->nama_usulan}}"
                                readonly>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="jenisUsul">Jenis Usul</label>

                            <input type="text" class="form-control" value="{{$usulan->jenisusulan->nama_usulan_jenis}}"
                                readonly>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="nomorUsul">Nomor Usul</label>
                            <input type="text" class="form-control" id="nomorUsul" name="nomorusul" required="required"
                                value="{{$usulan->nomor_usulan}}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="tanggalUsul">Tanggal Usul</label>
                            {{-- <input type="text" class="form-control" id="tanggalUsul"> --}}
                            <input type="text" class="form-control" name="tanggalusul" id="tanggalUsul"
                                required="required" value="{{date('d/m/Y', strtotime($usulan->tanggal_usulan))}}">
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="satuanKerja">Satuan Kerja</label>
                            <input type="text" class="form-control" id="satuanKerja" value="{{$usulan->satker->nama}}"
                                readonly>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="perihal">Perihal</label>
                            <input type="text" class="form-control" id="perihal" name="perihal" required="required"
                                value="{{$usulan->perihal}}">
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="suratpengantar">Surat Pengantar</label>
                            <div><a
                                    href="{{asset('storage/suratpengantar/'.$usulan->surat_pengantar)}}">{{$usulan->surat_pengantar}}</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12 bg-warning py-2">
                        <div class="form-group">
                            <label for="suratpengantar">Ubah Surat Pengantar <small>(Upload di sini bila ingin mengubah
                                    surat pengantar)</small></label>
                            <div class="input-group">
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input" id="suratpengantar"
                                        name="suratpengantar" />
                                    <label class="custom-file-label" for="suratpengantar">Pilih File</label>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="card-footer bg-white">
                <button class="btn btn-primary float-right" type="submit">Simpan</button>
            </div>
        </div>
    </form>
</section>
@endsection

@push('tjs')
<script>
    // PILIH USUL
    // var 
    //     @foreach($masterusulan as $u)
    //         jenisUsul{{$u->id}} = $('#jenisUsul{{$u->id}}'),
    //     @endforeach

    //     jenisUsul = $('#jenisUsul'),
    //     pilihUsul = $('#pilihUsul');

    $(document).ready(function(){
        bsCustomFileInput.init();

        $('input[name="tanggalusul"]').daterangepicker({
            singleDatePicker: true,
            showDropdowns: true,
            locale: {
            "format": "DD/MM/YYYY"
        }
        });

        // jenisUsul.removeClass('d-none').addClass('d-none');

        // @foreach($masterusulan as $u)
        //     jenisUsul{{$u->id}}.removeClass('d-none').addClass('d-none');
        // @endforeach

        // switch(pilihUsul.val()) {
            
        //     @foreach($masterusulan as $u)
        //         case "{{$u->id}}":
        //             jenisUsul{{$u->id}}.removeClass('d-none');
        //             jenisUsul{{$u->id}}.prop("selectedIndex", 0);
        //         break;
        //     @endforeach

        //     default:
        //         jenisUsul.removeClass('d-none');
        // }
            
        // pilihUsul.on("change", function() {

        //     jenisUsul.removeClass('d-none').addClass('d-none');

        //     @foreach($masterusulan as $u)
        //         jenisUsul{{$u->id}}.removeClass('d-none').addClass('d-none');
        //     @endforeach

        //     switch($(this).val()) {
                
        //         @foreach($masterusulan as $u)
        //         case "{{$u->id}}":
        //             jenisUsul{{$u->id}}.removeClass('d-none');
        //             jenisUsul{{$u->id}}.prop("selectedIndex", 0);
        //             break;
        //         @endforeach

        //         default:
        //             jenisUsul.removeClass('d-none');
        //     }
        // });
        });
</script>
@endpush