@extends('layout.main_layout')
@section('content')
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Edit Surat Keluar {{$data->perihal}}</h5>
                </div>
                <div class="ibox-content">
                    <form method="post" id="form-surat" action="{{route('v2:suratkeluar-simpan')}}" class="form-horizontal" enctype="multipart/form-data">
                        <input type="text" class="hidden" name="_token" value="{{csrf_token()}}">
                        <input type="text" name="tipe" class="hidden" value="{{($data==null)? '1' : '2'}}">
                        <input type="text" name="kode" class="hidden" value="{{$data->recid_suratkeluar or ''}}">
                        <div class="row">
                            <div class="col-sm-8">
                                <!-- <div class="form-group">
                                    <label class="col-sm-2 control-label">Pilih Template</label>
                                    <div class="col-sm-8">
                                        <select class="form-control" name="template" id="template">
                                            @foreach($template as $row)
                                                <option value="{{$row->recid}}">{{$row->nama}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-sm-2">
                                        <button class="ladda-button btn btn-primary" onclick="loadTemplate()"  type="button" data-style="expand-right">Load</button>
                                    </div>
                                </div> -->
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Pilih Referensi Surat</label>
                                    <div class="col-sm-8">
                                        <select class="form-control chosen-select" name="referensi" id="referensi">
                                            <option value=""> Tidak Ada</option>
                                            @foreach($referensi as $row)
                                                                                                @if($data)
                                                    @if($data->referensi_id == $row->recidsurat)
                                                                                                    
                                                    @endif
                                                @endif
                                                <option {{$selected}} value="{{$row->recidsurat}}">[{{$row->nosurat}}] {{$row->perihal}} {{$row->pengirimsurat}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">       
                                    <label class="col-sm-2 control-label">Sumber Dokumen</label>
                                    <div class="col-sm-8">
                                        <select id="dokumen" name="dokumen" class="form-control">
                                            <option value="scan">SCAN</option>
                                            <option value="upload">UPLOAD</option>
                                        </select>
                                    </div>
                                </div>
                                <h3>Header Surat</h3>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Jenis Surat Keluar</label>
                                    <div class="col-sm-8">
                                        <select class="form-control" name="jenis" id="jenis">
                                            <option value="Internal">Internal</option>
                                            <option value="Eksternal">Eksternal</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Nomor Surat</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="nomor" class="form-control" value="{{ $data->nomor or '' }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Sifat</label>
                                    <div class="col-sm-8">
                                        <select class="form-control" name="sifat" id="sifat">
                                            <option value="Biasa">Biasa</option>
                                            <option value="Penting">Penting</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Lampiran</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="lampiran" class="form-control" value="{{ $data->lampiran or '' }}">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Hal</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="perihal" class="form-control" value="{{ $data->perihal or '' }}">
                                    </div>
                                </div>
                                <div class="form-group" id="data_1">
                                    <label class="col-sm-2 control-label">Tanggal</label>
                                    <div class="col-sm-8">
                                        <div class="input-group date">
                                            <span class="input-group-addon">
                                                <i class="fa fa-calendar" ></i>
                                            </span>
                                            <input type="text" name="tanggal" class="form-control" value="{{ isset($data) ? date('d-m-Y', strtotime(trim($data->tanggal))) : '' }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div id="tujuan-eks" class="hidden">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Nama Tujuan </label>
                                        <div class="col-sm-8">
                                            <input type="text" name="tujuan_nama" class="form-control" value="{{ $data->tujuan_nama or '' }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Alamat/Lokasi Tujuan </label>
                                        <div class="col-sm-8">
                                            <input type="text" name="tujuan_alamat" class="form-control" value="{{ $data->tujuan_alamat or '' }}">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Kota Tujuan </label>
                                        <div class="col-sm-8">
                                            <input type="text" name="tujuan_kota" class="form-control" value="{{ $data->tujuan_kota or '' }}">
                                        </div>
                                    </div>
                                </div>
                                <div id="tujuan-int">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Tujuan Surat</label>
                                        <div class="col-sm-8">
                                            <select name="tujuan" data-placeholder="Pilih Personal" class="form-control chosen-select">
                                                <option value="">--Pilih Tujuan--</option>
                                                @foreach ($jabatan as $row)
                                                                                                        @if($data)
                                                        @if($data->tujuan_jab == $row->recidjabatan)
                                                                                                                        load                                            
                                                        @endif
                                                    @endif
                                                <option {{$selected}} value="{{'0#'.$row->recidjabatan.'#'.trim($row->pic->nip)}}">{{$row->namajabatan.' ('.$row->pic->nama.')'}}</option>
                                                @endforeach
                                                @foreach ($pegawai as $row)
                                                                                                        @if($data && $data->tujuan_tipe == '1')
                                                        @if($data->tujuan_nip == trim(str_replace('.','',$row->nip)))
                                                                                                        
                                                        @endif
                                                    @endif
                                                <option {{$selected}} value="{{'1#'.trim(str_replace('.','',$row->nip))}}">{{trim($row->nip).' '.trim($row->nama)}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group hidden" id="temp_jab">
                                    <label class="col-sm-2 control-label">Jabatan Sementara</label>
                                    <div class="col-sm-8">
                                        <input type="text" name="temp_jab" class="form-control" value="{{$data->tujuan_jab or ''}}">
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div id="tembusan-eks" class="hidden">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Tembusan</label>
                                        <div class="col-sm-8">
                                            <input type="text" name="tembusan_eks[]" id="tembusan-eks1" class="form-control" value="{{ $data->tembusan_eks or '' }}">
                                        </div>
                                        <div class="col-sm-2">
                                            <button class="btn btn-warning" onclick="addTembusan()"  type="button">Tambah</button>
                                        </div>
                                    </div>
                                </div>
                                <div id="tembusan-int">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Tembusan</label>
                                        <div class="col-sm-8">
                                            <select name="tembusan[]" id="select-tembusan" multiple data-placeholder="Pilih Tembusan" class="form-control chosen-select">
                                                @foreach ($tembusan as $row)
                                                                                                        @if($data)
                                                        @foreach($data->tembusan as $baris)
                                                            @if($baris->jab_tembusan == $row->recidjabatan)
                                                                                                        
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                    <option {{$selected}} disabled value="{{$row->recidjabatan.'#'.trim($row->pic->nip)}}">{{$row->namajabatan.' ('.$row->pic->nama.')'}}</option>
                                                @endforeach                                    
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Font Size</label>
                                    <div class="col-sm-8">
                                        <select name="fontsize" class="form-control">
                                            @foreach ($fontsize as $row)
                                                                                                @if($data)
                                                    @if($data->fontsize == $row)
                                                                                
                                                    @endif
                                                @else
                                                    @if($row == '10.5')
                                                                                
                                                    @endif  
                                                @endif
                                                <option {{$selected}} value="{{$row}}">{{$row}}</option>
                                            @endforeach                                    
                                        </select>
                                    </div>
                                </div>
                                <hr class="hr-line-dashed">
                                <div class="form-group">
                                    <label class="col-sm-6 control-label"></label>
                                    <div class="col-sm-4 _text-right">
                                        <select class="form-control chosen-select" name="template" id="template">
                                                <option value="" _disabled>--Pilih Template--</option>
                                            @foreach($template as $row)
                                                <option value="{{$row->recid}}">{{$row->nama}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col-sm-2">
                                        <button class="ladda-button btn btn-primary" onclick="loadTemplate()"  type="button" data-style="expand-right">Load</button>
                                    </div>
                                </div>
                                <div id="isi">
                                    <div class="form-group" id="grp1">
                                        <label class="col-sm-2 control-label">Isi Surat</label>
                                        <div class="col-sm-8">  
                                            <div id="editor">
                                                <textarea id='edit' style="margin-top: 30px;width: 100%" name="isi">
                                                    {{$data->isi or ''}}
                                                </textarea>
                                            </div>
                                        </div>
                                        <div class="col-sm-2">  
                                            <button class="btn btn-default" id="preview" type="button">Preview</button>
                                        </div>
                                    </div>
                                </div>
                                <!-- <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Tata Bahasa</label>
                                    <div class="col-sm-8">
                                        <input type="checkbox" class="js-switch" name="tatabahasa" id="tatabahasa"/>
                                    </div>
                                </div> -->
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Pembuat Surat </label>
                                    <div class="col-sm-8">
                                        <select name="pembuat" id="select-pembuat" data-placeholder="Pembuat Surat" class="form-control chosen-select">
                                            @foreach ($pembuat as $row)
                                                                                                {{-- @if($data) --}}
                                                @if(!empty($data->approval[0]))
                                                    @if(trim($data->approval[0]->nip_apprv) == trim($row->nip))
                                                                                
                                                    @endif
                                                {{-- @else
                                                       --}} 
                                                @endif
                                                <option {{$selected}} value="{{$row->id.'#'.trim($row->nip)}}">{{$row->nama.' ('.$row->pic.')'}}</option>
                                            @endforeach                                    
                                        </select>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <div class="col-sm-2 col-sm-offset-2">
                                        <button class="btn btn-primary col-sm-12" id="simpan" type="button" onclick="submitForm();">Simpan</button>
                                    </div>
                                    <div class="col-sm-2">
                                        <a href="{{route('v2:datask-link')}}"><button class="btn btn-warning col-sm-12" type="button">Kembali</button></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="form-group"> 
                                    <div class="col-sm-12 text-center">
                                        <h3 class="text-center">Sumber Dokumen</h3>
                                        <select id="dokumen" name="dokumen" class="form-control text-center">
                                            <option value="upload">UPLOAD</option>
                                            <option value="scan">SCAN</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-12 text-center hide" id="scan-div">
                                        <h3 class="text-center">Hasil Scan</h3>
                                        <div id="dwtcontrolContainer" align="center"></div>
                                        
                                        <button type="button" class="btn btn-success btn-outline" onclick="AcquireImage();">Scan Document</button>
                                        <label class="label-danger">{!!$errors->first('file')!!}</label>
                                    </div>
                                    <div class="col-sm-12 text-center " id="upload-div">
                                        <h3 class="text-center">Upload File (Pdf)</h3>
                                        <div class="form-group">
                                            <label class="col-sm-3 control-label">&nbsp;</label>
                                            <div class="col-sm-8">
                                                <input type="file" name="file_lampiran" accept="application/pdf">
                                            </div>
                                        </div>
                                    </div>
                                {{-- <label class="col-sm-2 control-label">Upload Lampiran</label>
                                <div class="col-sm-8">
                                    <input type="file" name="file_lampiran" accept="application/pdf">
                                </div> --}}
                                </div>
                            </div>
                            <!-- <div class="col-sm-4">
                                <div class="col-sm-12 text-center" id="file-div">