@extends('layouts.layout')
@section('title', 'Edit Surat')
<link rel="stylesheet" href="{{ asset('css/jquery.fancybox.css') }}">
<link rel="stylesheet" href="{{ asset('css/style.css') }}">
@section('content')
    {{-- @include('layouts.components.alert') --}}
    @include('sweetalert::alert')
    <section>
        <div class="row my-5 mx-4">
            <div class="col-12 col-lg-5 order-2 order-lg-1 mt--2 text-center">
                @if ($surat->jenis_surat == 's-d')
                    <img src="{{ asset('img/email.icon.svg') }}" class="hero-img"
                        style="
                width: 250px;
            ">
                @else
                    <img src="{{ asset('img/email-sk.svg') }}" class="hero-img"
                        style="
                width: 250px;
            ">
                @endif
            </div>
            <div class="col-12 col-lg-7 order-1 order-lg-2"
                style="display: grid; align-content: center; align-items: center;">
                <h1 class="text-white" style="font-weight: 700; font-size: 35px;">Edit {{ $surat->nama }}</h1>
            </div>
        </div>
    </section>

    <section>
        <h3 class="text-center text-white pt-1">Harap isi terlebih dahulu formulir surat dibawah ini</h3>
        <div class="shadow border-0"
            style="
        border-radius: 40px;
        background: linear-gradient(135deg, #32263E 0%, #231E22 100%);
    ">
            <div class="card-body px-lg-5 py-lg-5">
                <h2 class="text-light" style="font-weight: 700;">Detail Surat </h2>
                <form autocomplete="off" action="{{ route('surat.update', $surat) }}" method="post"
                    data-redirect="{{ route('surat.index') }}">
                    @csrf @method('patch')
                    <input type="hidden" class="form-control form-control-alternative" name="isian[]" value="isian">
                    <input type="hidden" name="jenis_isi[]" value="2">
                    <input type="hidden" name="tampilkan[]" value="0">
                    <div class="pl-lg-4">
                        <div class="form-group mb-3">
                            <label class="form-control-label text-light" style="font-size: 15px; font-weight: 600;">Nama
                                Surat</label>
                            <input required class="form-control form-control-alternative" name="nama" autofocus
                                placeholder="Masukkan Nama Surat..." value="{{ $surat->nama }}"
                                style="color: #404040; font-weight: 500; border-radius: 13px;">
                            <div id="namaHelp" class="form-text text-xs text-light" style="font-weight: 500;">Isi dengan
                                nama surat yang ingin dibuatkan templatenya</div>
                        </div>
                        <div class="form-group mb-3" style="display:none">
                            <label class="form-control-label text-light" style="font-size: 15px; font-weight: 600;">Jenis
                                Surat</label>
                            <select name='jenis_surat' id='jenis_surat' class='form-control' required>
                                @if ($surat->jenis_surat == 's-d')
                                    <option value='s-d'
                                        {{ old('jenis_surat', $surat->jenis_surat) == 's-d' ? 'selected' : '' }}>
                                        Surat Desa
                                    </option>
                                @else
                                    <option value='s-k'
                                        {{ old('jenis_surat', $surat->jenis_surat) == 's-k' ? 'selected' : '' }}>Surat
                                        Keputusan (SK)
                                    </option>
                                @endif

                            </select>
                            @if ($errors->has('jenis_surat'))
                                <span class="help-block">
                                    <strong>{{ $errors->first('jenis_surat') }}</strong>
                                </span>
                            @endif
                        </div>
                        @include('layouts.components.icon')
                        <div class="form-group mb-3">
                            <label class="form-control-label text-light"
                                style="font-size: 15px; font-weight: 600;">Deskripsi</label>
                            <textarea class="form-control form-control-alternative" name="deskripsi" placeholder="Masukkan Deskrpsi..."
                                style="color: #404040; font-weight: 500; border-radius: 13px;" rows="4">{{ $surat->deskripsi }}</textarea>
                            <div id="deskripsiHelp" class="form-text text-xs text-light" style="font-weight: 500;">Isi
                                dengan deskripsi template surat yang akan dibuat</div>
                        </div>
                    </div>
                    <h2 class="text-light" style="font-weight: 700;">Template Bagian-bagian Surat</h2>
                    <div class="pl-lg-4" id="isian">
                        @if ($surat->perihal == 1)
                            @php
                                $perihal = [];
                                foreach ($surat->isiSurat->where('jenis_isi', 4) as $isiSurat) {
                                    array_push($perihal, $isiSurat->isi);
                                }
                            @endphp
                            <div id="isian_perihal">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label text-light"
                                                style="font-size: 15px; font-weight: 600;">Sifat</label>
                                            <input class="form-control form-control-alternative" name="isian[]"
                                                value="">
                                            <input type="hidden" name="jenis_isi[]" value="4">
                                            <input type="hidden" name="tampilkan[]" value="0">
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label text-light"
                                                style="font-size: 15px; font-weight: 600;">Lampiran</label>
                                            <input class="form-control form-control-alternative" name="isian[]"
                                                value="">
                                            <input type="hidden" name="jenis_isi[]" value="4">
                                            <input type="hidden" name="tampilkan[]" value="0">
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label text-light"
                                                style="font-size: 15px; font-weight: 600;">Perihal</label>
                                            <input class="form-control form-control-alternative" name="isian[]"
                                                value="">
                                            <input type="hidden" name="jenis_isi[]" value="4">
                                            <input type="hidden" name="tampilkan[]" value="0">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label class="form-control-label text-light"
                                                style="font-size: 15px; font-weight: 600;">Kepada</label>
                                            <input class="form-control form-control-alternative" name="isian[]"
                                                value="">
                                            <input type="hidden" name="jenis_isi[]" value="4">
                                            <input type="hidden" name="tampilkan[]" value="0">
                                        </div>
                                        <div class="form-group">
                                            <label class="form-control-label text-light"
                                                style="font-size: 15px; font-weight: 600;">Di</label>
                                            <input class="form-control form-control-alternative" name="isian[]"
                                                value="">
                                            <input type="hidden" name="jenis_isi[]" value="4">
                                            <input type="hidden" name="tampilkan[]" value="0">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endif
                        @foreach ($surat->isiSurat as $key => $isiSurat)
                            @if ($isiSurat->jenis_isi == 1)
                                <div class="form-group">
                                    <label class="form-control-label text-light"
                                        style="font-size: 15px; font-weight: 600;">Paragraf</label> <a
                                        href="{{ url('img/bantuan-paragraf.png') }}" data-fancybox><i
                                            class="fas fa-question-circle text-pink text-xs" title="Bantuan"
                                            data-toggle="tooltip"></i></a>
                                    <div class="input-group input-group-alternative mb-3">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text"
                                                style="border-top-left-radius: 13px; border-bottom-left-radius: 13px;">
                                                <input type="checkbox" name="tampil[]" value="1"
                                                    data-toggle="tooltip"
                                                    title="Centang untuk menampilkan paragraf ini pada form buat surat"
                                                    @if ($isiSurat->tampilkan == 1) checked @endif>
                                                <input type="hidden" name="tampilkan[]"
                                                    value="{{ $isiSurat->tampilkan }}">
                                            </div>
                                        </div>
                                        <textarea class="form-control text-dark" name="isian[]" rows="4"
                                            style="border-top-right-radius: 13px; border-bottom-right-radius: 13px;">{{ $isiSurat->isi }}</textarea>
                                        <input type="hidden" name="id" value="{{ $isiSurat->id }}">
                                        <input type="hidden" name="jenis_isi[]" value="1">
                                        @include('surat.button-isian')
                                    </div>
                                    <div id="paragrafHelp" class="form-text text-xs text-light mt--2"
                                        style="font-weight: 500;">Isi
                                        paragraf surat</div>
                                </div>
                            @endif
                            @if ($isiSurat->jenis_isi == 2)
                                <div class="form-group">
                                    <label class="form-control-label text-light"
                                        style="font-size: 15px; font-weight: 600;">Kalimat</label> <a
                                        href="{{ url('img/bantuan-kalimat.png') }}" data-fancybox><i
                                            class="fas fa-question-circle text-pink text-xs" title="Bantuan"
                                            data-toggle="tooltip"></i></a>
                                    <div class="input-group input-group-alternative mb-3">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text"
                                                style="border-top-left-radius: 13px; border-bottom-left-radius: 13px;">
                                                <input type="checkbox" name="tampil[]" value="1"
                                                    data-toggle="tooltip"
                                                    title="Centang untuk menampilkan kalimat ini pada form buat surat"
                                                    @if ($isiSurat->tampilkan == 1) checked @endif>
                                                <input type="hidden" name="tampilkan[]"
                                                    value="{{ $isiSurat->tampilkan }}">
                                            </div>
                                        </div>
                                        <input type="text" class="form-control" name="isian[]"
                                            value="{{ $isiSurat->isi }}"
                                            style="border-top-right-radius: 13px; border-bottom-right-radius: 13px;">
                                        <input type="hidden" name="id" value="{{ $isiSurat->id }}">
                                        <input type="hidden" name="jenis_isi[]" value="2">
                                        @include('surat.button-isian')
                                    </div>
                                    <div id="kalimatHelp" class="form-text text-xs text-light mt--2"
                                        style="font-weight: 500;">Isi
                                        kalimat surat</div>
                                </div>
                            @endif
                            @if ($isiSurat->jenis_isi == 3)
                                <div class="form-group">
                                    <label class="form-control-label text-light"
                                        style="font-size: 15px; font-weight: 600;">Isian</label>
                                    <div class="input-group input-group-alternative mb-3">
                                        <input type="text" class="form-control text-dark" name="isian[]"
                                            value="{{ $isiSurat->isi }}" style="border-radius: 13px;">
                                        <input type="hidden" name="id" value="{{ $isiSurat->id }}">
                                        <input type="hidden" name="jenis_isi[]" value="3">
                                        <input type="hidden" name="tampilkan[]" value="{{ $isiSurat->tampilkan }}">
                                        @include('surat.button-isian')
                                    </div>
                                    <div id="isianHelp" class="form-text text-xs text-light mt--2"
                                        style="font-weight: 500;">Isi
                                        isian surat</div>
                                </div>
                            @endif
                            @if ($isiSurat->jenis_isi == 5)
                                <div class="form-group">
                                    <label class="form-control-label text-light"
                                        style="font-size: 15px; font-weight: 600;">Sub
                                        Judul</label> <a href="{{ url('img/bantuan-kalimat.png') }}" data-fancybox><i
                                            class="fas fa-question-circle text-pink text-xs" title="Bantuan"
                                            data-toggle="tooltip"></i></a>
                                    <div class="input-group input-group-alternative mb-3">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text">
                                                <input type="checkbox" name="tampil[]" value="1"
                                                    data-toggle="tooltip"
                                                    title="Centang untuk menampilkan kalimat ini pada form buat surat"
                                                    @if ($isiSurat->tampilkan == 1) checked @endif>
                                                <input type="hidden" name="tampilkan[]"
                                                    value="{{ $isiSurat->tampilkan }}">
                                            </div>
                                        </div>
                                        <input type="text" class="form-control" name="isian[]"
                                            value="{{ $isiSurat->isi }}"
                                            style="border-top-right-radius: 13px; border-bottom-right-radius: 13px;">
                                        <input type="hidden" name="id" value="{{ $isiSurat->id }}">
                                        <input type="hidden" name="jenis_isi[]" value="5">
                                        @include('surat.button-isian')
                                    </div>
                                    <div id="isianHelp" class="form-text text-xs text-light mt--2"
                                        style="font-weight: 500;">Isi
                                        sub-judul surat</div>
                                </div>
                            @endif
                            @if ($isiSurat->jenis_isi == 6)
                                <div class="form-group">
                                    <label class="form-control-label text-light"
                                        style="font-size: 15px; font-weight: 600;">Persyaratan</label>
                                    <div class="input-group input-group-alternative mb-3">
                                        <input type="text" class="form-control text-dark" name="isian[]"
                                            value="{{ $isiSurat->isi }}" style="border-radius: 13px;">
                                        <input type="hidden" name="id" value="{{ $isiSurat->id }}">
                                        <input type="hidden" name="jenis_isi[]" value="6">
                                        <input type="hidden" name="tampilkan[]" value="{{ $isiSurat->tampilkan }}">
                                        @include('surat.button-isian')
                                    </div>
                                    <div id="isianHelp" class="form-text text-xs text-light mt--2"
                                        style="font-weight: 500;">Persyaratan surat</div>
                                </div>
                            @endif
                        @endforeach
                    </div>
                    <h2 class="text-light" style="font-weight: 700;">Alat</h2>
                    <div class="pl-lg-4">
                        @include('surat.button-alat')
                        @if ($surat->jenis_surat == 's-d')
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="t_surat" name="t_surat"
                                    {{ $surat->tampilkan ? 'checked="true"' : '' }} value="1">
                                <input type="hidden" name="tampilkan_surat" id="tampilkan_surat"
                                    value="{{ $surat->tampilkan }}">
                                <label class="custom-control-label text-light" for="t_surat">Tampilkan Surat Pada
                                    Warga</label>
                            </div>

                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="tampilkan_perihal"
                                    name="tampilkan_perihal" {{ $surat->perihal ? 'checked="true"' : '' }}
                                    value="1">
                                <input type="hidden" name="perihal" id="perihal" value="{{ $surat->perihal }}">
                                <label class="custom-control-label text-light" for="tampilkan_perihal">Perihal</label> <a
                                    href="{{ url('img/bantuan-perihal.png') }}" data-fancybox
                                    data-caption="Akan menampilkan surat seperti ini"><i
                                        class="fas fa-question-circle text-pink text-xs" title="Bantuan"
                                        data-toggle="tooltip"></i></a>
                            </div>
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="tampilkan_data_kades"
                                    name="tampilkan_data_kades" {{ $surat->data_kades ? 'checked="true"' : '' }}
                                    value="1">
                                <input type="hidden" name="data_kades" id="data_kades"
                                    value="{{ $surat->data_kades }}">
                                <label class="custom-control-label text-light" for="tampilkan_data_kades">Data
                                    Kades</label> <a href="{{ url('img/bantuan-data-kades.png') }}" data-fancybox
                                    data-caption="Akan menampilkan data kepala desa"><i
                                        class="fas fa-question-circle text-pink text-xs" title="Bantuan"
                                        data-toggle="tooltip"></i></a>
                            </div>
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="tanda_tangan_kades"
                                    name="tanda_tangan_kades" {{ $surat->ttd_kades ? 'checked="true"' : '' }}
                                    value="1">
                                <input type="hidden" name="ttd_kades" id="ttd_kades" value="{{ $surat->ttd_kades }}">
                                <label class="custom-control-label text-light" for="tanda_tangan_kades">Tanda
                                    Tangan Kepala Desa</label> <a href="{{ url('img/ttd_kades.png') }}" data-fancybox
                                    data-caption="Akan menampilkan tanda tangan yang bersangkutan"><i
                                        class="fas fa-question-circle text-pink text-xs" title="Bantuan"
                                        data-toggle="tooltip"></i></a>
                            </div>
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="tanda_tangan_sekdes"
                                    name="tanda_tangan_sekdes" {{ $surat->ttd_sekdes ? 'checked="true"' : '' }}
                                    value="1">
                                <input type="hidden" name="ttd_sekdes" id="ttd_sekdes"
                                    value="{{ $surat->ttd_sekdes }}">
                                <label class="custom-control-label text-light" for="tanda_tangan_sekdes">Tanda
                                    Tangan Sekretaris Desa</label> <a href="{{ url('img/ttd_sekdes.png') }}" data-fancybox
                                    data-caption="Akan menampilkan tanda tangan yang bersangkutan"><i
                                        class="fas fa-question-circle text-pink text-xs" title="Bantuan"
                                        data-toggle="tooltip"></i></a>
                            </div>
                            <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input"
                                    id="tampilkan_tanda_tangan_bersangkutan" name="tampilkan_tanda_tangan_bersangkutan"
                                    {{ $surat->tanda_tangan_bersangkutan ? 'checked="true"' : '' }} value="1">
                                <input type="hidden" name="tanda_tangan_bersangkutan" id="tanda_tangan_bersangkutan"
                                    value="{{ $surat->tanda_tangan_bersangkutan }}">
                                <label class="custom-control-label text-light"
                                    for="tampilkan_tanda_tangan_bersangkutan">Tanda
                                    tangan bersangkutan</label> <a
                                    href="{{ url('img/bantuan-tanda-tangan-bersangkutan.png') }}" data-fancybox
                                    data-caption="Akan menampilkan tanda tangan yang bersangkutan"><i
                                        class="fas fa-question-circle text-pink text-xs" title="Bantuan"
                                        data-toggle="tooltip"></i></a>
                            </div>
                        @endif
                        {{-- @elseif ($surat->jenis_surat == 's-k') --}}
                        <div class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" id="tembusan_surat"
                                name="tembusan_surat" {{ $surat->tembusan ? 'checked="true"' : '' }} value="1">
                            <input type="hidden" name="tembusan" id="tembusan" value="{{ $surat->tembusan }}">
                            <label class="custom-control-label text-light" for="tembusan_surat">Tembusan</label> <a
                                href="{{ url('img/bantuan_tembusan.png') }}" data-fancybox
                                data-caption="Akan menampilkan tembusan"><i
                                    class="fas fa-question-circle text-pink text-xs" title="Bantuan"
                                    data-toggle="tooltip"></i></a>
                        </div>
                        {{-- @endif --}}
                    </div>
                    <div class="form-group mt-5 text-center">
                        <input type="hidden" name="village_code" value="{{ $village->id }}">
                        <button type="submit" class="btn" id="simpan"
                            style="background-color: #F7A4A4; color: #404040; border-radius: 13px;">Update</button>
                        <a type="button" class="btn pink ml-3" href="{{ asset('surat') }}">Kembali</a>
                    </div>
                </form>
            </div>
        </div>
    </section>

@endsection

@push('scripts')
    <script src="{{ asset('js/jquery.fancybox.js') }}"></script>
    <script src="{{ asset('js/surat.js') }}"></script>
    <script>
        $(document).ready(function() {
            $(".ikon").val("{{ $surat->icon }}");
            $("input:checkbox").change(function() {
                if ($(this).prop('checked') == true) {
                    $(this).next().val('1');
                } else {
                    $(this).next().val('0');
                }
            });
        });
    </script>
@endpush