@extends('admin.layouts.index')
@include('admin.layouts.components.asset_validasi')
@include('admin.layouts.components.datetime_picker')
@include('admin.layouts.components.jquery_ui')

@section('title')
    <h1>
        Surat Keluar
        <small>{{ $action }} Data</small>
    </h1>
@endsection

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ ci_route('surat_keluar') }}">Daftar Surat Keluar</a></li>
    <li class="active">{{ $action }} Data</li>
@endsection

@section('content')
    @include('admin.layouts.components.notifikasi')

    <div class="box box-info">
        <div class="box-header with-border">
            <a href="{{ ci_route('surat_keluar') }}" class="btn btn-social btn-info btn-sm visible-xs-block visible-sm-inline-block visible-md-inline-block visible-lg-inline-block"><i class="fa fa-arrow-circle-left"></i> Kembali Ke Daftar Surat Keluar</a>
        </div>
        {!! form_open($form_action, 'class="form-horizontal" enctype="multipart/form-data" id="validasi"') !!}
        <div class="box-body">
            <input type="hidden" id="nomor_urut_lama" name="nomor_urut_lama" value="{{ $surat_keluar->nomor_urut }}">
            <input type="hidden" id="url_remote" name="url_remote" value="{{ site_url('surat_keluar/nomor_surat_duplikat') }}">
            <div class="form-group">
                <label class="col-sm-3 control-label" for="nomor_urut">Nomor Urut</label>
                <div class="col-sm-8">
                    <input id="nomor_urut" name="nomor_urut" class="form-control input-sm number required" type="text" placeholder="Nomor Urut" value="{{ $surat_keluar['nomor_urut'] }}"></input>
                </div>
            </div>
            @if (null !== $surat_keluar['berkas_scan'] && $surat_keluar['berkas_scan'] != '.')
                <div class="form-group">
                    <label class="col-sm-3 control-label" for="kode_pos"></label>
                    <div class="col-sm-8">
                        @if (get_extension($surat_keluar['berkas_scan']) == '.pdf')
                            <i class="fa fa-file-pdf-o pop-up-pdf" aria-hidden="true" style="font-size: 60px;" data-title="Berkas {{ $surat_keluar->nomor_surat }}" data-url="{{ site_url("surat_keluar/berkas/{$surat_keluar->id}/1") }}"></i>
                        @else
                            <i class="fa fa-picture-o pop-up-images" style="font-size: 60px;" aria-hidden="true" data-title="Berkas {{ $surat_keluar->nomor_surat }}" data-url="{{ site_url("surat_keluar/berkas/{$surat_keluar->id}") }}"
                                src="{{ site_url("'surat_keluar/berkas/{$surat_keluar->id}") }}"></i>
                        @endif
                        <p><label class="control-label"><input type="checkbox" name="gambar_hapus" value="{{ $surat_keluar->berkas_scan }}" /> Hapus Berkas Lama</label></p>
                    </div>
                </div>
            @endif
            <div class="form-group">
                <label class="col-sm-3 control-label" for="kode_pos">Berkas Scan Surat Keluar</label>
                <div class="col-sm-6">
                    <div class="input-group input-group-sm col-sm-12">
                        <input type="text" class="form-control" id="file_path">
                        <input type="file" class="hidden" id="file" name="satuan" accept=".gif,.jpg,.jpeg,.png,.pdf">
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-info btn-flat" id="file_browser"><i class="fa fa-search"></i> Browse</button>
                        </span>
                    </div>
                    <span class="help-block"><code>(Kosongkan jika tidak ingin mengubah berkas)</code></span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label" for="kode_surat">Kode/Klasifikasi Surat</label>
                <div class="col-sm-8">
                    <select class="form-control input-sm select2-tags required" id="kode_surat" name="kode_surat" style="width: 100%;">
                        <option value=''>-- Pilih Kode/Klasifikasi Surat --</option>
                        @if ($surat_keluar['kode_surat'])
                            <option value="{{ $surat_keluar['kode_surat'] }}" selected>{{ $surat_keluar['kode_surat'] }}</option>
                        @endif
                        @foreach ($klasifikasi as $item)
                            <option value="{{ $item->kode }}" @selected($item->kode == $surat_keluar['kode_surat'])>{{ $item->kode . ' - ' . $item->nama }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label" for="nomor_surat">Nomor Surat</label>
                <div class="col-sm-8">
                    <input
                        id="nomor_surat"
                        name="nomor_surat"
                        maxlength="35"
                        class="form-control input-sm required nomor_sk"
                        type="text"
                        placeholder="Nomor Surat"
                        value="{{ $surat_keluar->nomor_surat }}"
                    ></input>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label" for="tanggal_surat">Tanggal Surat</label>
                <div class="col-sm-3">
                    <div class="input-group input-group-sm date">
                        <div class="input-group-addon">
                            <i class="fa fa-calendar"></i>
                        </div>
                        <input class="form-control input-sm pull-right required" id="tgl_2" name="tanggal_surat" type="text" value="{{ tgl_indo_out($surat_keluar->tanggal_surat) }}">
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label" for="pengirim">Tujuan</label>
                <div class="col-sm-8">
                    <input id="tujuan" name="tujuan" class="form-control input-sm required" type="text" placeholder="Tujuan" value="{{ $surat_keluar->tujuan }}"></input>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label" for="disposisi_kepada">Isi Singkat/Perihal</label>
                <div class="col-sm-8">
                    <textarea id="isi_singkat" name="isi_singkat" class="form-control input-sm required" placeholder="Isi Singkat/Perihal" rows="3" style="resize:none;">{{ $surat_keluar->isi_singkat }}</textarea>
                </div>
            </div>
        </div>
        <div class="box-footer">
            <button type="reset" class="btn btn-social btn-danger btn-sm" onclick="reset_form($(this).val());"><i class="fa fa-times"></i> Batal</button>
            <button type="submit" class="btn btn-social btn-info btn-sm pull-right"><i class="fa fa-check"></i> Simpan</button>
        </div>
        </form>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('js/custom-select2.js') }}"></script>
    <script>
        $(function() {
            var keyword = @json($tujuan);
            $("#tujuan").autocomplete({
                source: keyword,
                maxShowItems: 10,
            });
        });
    </script>
@endpush