@extends('layouts.index')
@section('title')
Identitas
@endsection
@section('content')
<div class="page-titles">
    <div class="row">
        <div class="col-lg-8 col-md-6 col-12 align-self-center">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0 d-flex align-items-center">
                    <li class="breadcrumb-item">
                        <a href="{{ url('dashboard') }}" class="link"><i class="ri-home-3-line fs-5"></i></a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">
                        Identitas
                    </li>
                </ol>
            </nav>
            <h1 class="mb-0 fw-bold">Identitas</h1>
        </div>
    </div>
</div>
<div class="container-fluid">
    <!-- ============================================================= -->
    <!-- Start Page Content -->
    <!-- ============================================================= -->
    <div class="row">
        <div class="col-12">
            <div class="card">
                <form action="{{ route('identitas.update', $detail->id) }}" enctype="multipart/form-data" class="form-horizontal" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="card-body">
                        <div class="mb-3">
                            <label for="fullname">Nama
                                Instansi</label>

                            <input type="text" class="form-control @error('nama_konveksi') is-invalid @enderror" id="nama_konveksi" name="nama_konveksi" placeholder="Judul" value="{{ old('nama_konveksi') ?? $detail->nama_instansi }}" />
                            @error('nama_konveksi')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3">
                            <label for="fullname">Pemilik</label>

                            <input type="text" class="form-control @error('pemilik') is-invalid @enderror" id="pemilik" name="pemilik" placeholder="Judul" value="{{ old('pemilik') ?? $detail->pemilik }}" />
                            @error('pemilik')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3">
                            <label for="com12">Favicon</label>

                            <input type="file" class="form-control @error('favicon') is-invalid @enderror" id="favicon" name="favicon" />
                            <div id="preview_favicon">
                                <br>
                                <img id="imgshow_favicon" src="{{ Storage::url($detail->favicon) }}" width="200" height="140" style="object-fit: contain;border-radius: 20px;">
                            </div>
                            @error('favicon')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3">
                            <label for="com12">Logo</label>

                            <input type="file" class="form-control @error('logo') is-invalid @enderror" id="logo" name="logo" />
                            <div id="preview_logo">
                                <br>
                                <img id="imgshow_logo" src="{{ Storage::url($detail->logo) }}" width="200" height="140" style="object-fit: contain;border-radius: 20px;">
                            </div>
                            @error('logo')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>

                        <div class="mb-3">
                            <label for="com12">Mini Logo</label>

                            <input type="file" class="form-control @error('mini_logo') is-invalid @enderror" id="mini_logo" name="mini_logo" />
                            <div id="preview_mini_logo">
                                <br>
                                <img id="imgshow_mini_logo" src="{{ Storage::url($detail->mini_logo) }}" width="200" height="140" style="object-fit: contain;border-radius: 20px;">
                            </div>
                            @error('mini_logo')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>

                        <div class="mb-3">
                            <label for="com12">Logo Text</label>

                            <input type="file" class="form-control @error('logo_text') is-invalid @enderror" id="logo_text" name="logo_text" />
                            <div id="preview_logo_text">
                                <br>
                                <img id="imgshow_logo_text" src="{{ Storage::url($detail->logo_text) }}" width="200" height="140" style="object-fit: contain;border-radius: 20px;">
                            </div>
                            @error('logo_text')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3 ">
                            <label for="com12">Logo Dark</label>

                            <input type="file" class="form-control @error('logo_dark') is-invalid @enderror" id="logo_dark" name="logo_dark" />
                            <div id="preview_logo_dark" style="background-color:#242526">
                                <br>
                                <img id="imgshow_logo_dark" src="{{ Storage::url($detail->logo_dark) }}" width="200" height="140" style="object-fit: contain;border-radius: 20px;">
                            </div>
                            @error('logo_dark')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3">
                            <label for="com12">Sekilas</label>

                            <textarea cols="80" id="sekilas" name="sekilas" rows="5">
                                    {!! old('sekilas') ?? $detail->sekilas !!}              
                                    </textarea>
                            @error('sekilas')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3">
                            <label for="video">Embed Video</label>

                            <input type="text" name="video" value="{{old('video') ?? $detail->video}}" placeholder="Youtube Embed" class="form-control @error('video') is-invalid @enderror">
                            @error('video')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3">
                            <label for="email">Email</label>

                            <input type="text" name="email" value="{{old('email') ?? $detail->email}}" placeholder="Alamat Email" class="form-control @error('email') is-invalid @enderror">
                            @error('email')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3">
                            <label for="telepon">Telepon</label>

                            <input type="text" name="telepon" value="{{old('telepon') ?? $detail->telepon}}" placeholder="Alamat Telepon" class="form-control @error('telepon') is-invalid @enderror">
                            @error('telepon')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3">
                            <label for="fax">Fax</label>

                            <input type="text" name="fax" value="{{old('fax') ?? $detail->fax}}" placeholder="Masukan Fax" class="form-control @error('fax') is-invalid @enderror">
                            @error('fax')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3">
                            <label for="lang">Langitude</label>

                            <input type="text" name="lang" value="{{old('lang') ?? $detail->lang}}" placeholder="Alamat Langitude" class="form-control @error('lang') is-invalid @enderror">
                            @error('lang')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3 ">
                            <label for="lat">Latitude</label>

                            <input type="text" name="lat" value="{{old('lat') ?? $detail->lat}}" placeholder="Alamat Latitude" class="form-control @error('lat') is-invalid @enderror">
                            @error('lat')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3">
                            <label for="instagram">Instagram</label>

                            <input type="text" name="instagram" value="{{old('instagram') ?? $detail->instagram}}" placeholder="Username Instagram" class="form-control @error('instagram') is-invalid @enderror">
                            @error('instagram')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3 ">
                            <label for="facebook">Facebook</label>

                            <input type="text" name="facebook" value="{{old('facebook') ?? $detail->facebook}}" placeholder="Username Facebook" class="form-control @error('facebook') is-invalid @enderror">
                            @error('facebook')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3">
                            <label for="youtube">Youtube</label>

                            <input type="text" name="youtube" value="{{old('youtube') ?? $detail->youtube}}" placeholder="Username Youtube" class="form-control @error('youtube') is-invalid @enderror">
                            @error('youtube')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="mb-3">
                            <label for="alamat">Alamat</label>

                            <textarea name="alamat" id="alamat" class="form-control @error('alamat') is-invalid @enderror" cols="30" rows="5">{!! old('alamat') ?? $detail->alamat !!}</textarea>
                            @error('alamat')
                            <div class="invalid-feedback">
                                {{$message}}
                            </div>
                            @enderror

                        </div>
                        <div class="p-3 ">
                            <div class="text-end">
                                <button type="submit" class="
                          btn btn-light-secondary text-secondary
                          rounded-pill
                          px-4
                          waves-effect waves-light
                        ">
                                    Batal
                                </button>

                                <button type="submit" class="
                          btn btn-info
                          rounded-pill
                          px-4
                          waves-effect waves-light
                        ">
                                    Simpan
                                </button>

                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection
@section('js')
<script src="https://cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script>
<script>
    $('document').ready(function() {
        $("#favicon").change(function() {
            $('#preview_favicon').show();
            if (this.files && this.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#imgshow_favicon').attr('src', e.target.result);
                }
                reader.readAsDataURL(this.files[0]);
            }
        });
        $("#logo").change(function() {
            $('#preview_logo').show();
            if (this.files && this.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#imgshow_logo').attr('src', e.target.result);
                }
                reader.readAsDataURL(this.files[0]);
            }
        });
        $("#mini_logo").change(function() {
            $('#preview_mini_logo').show();
            if (this.files && this.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#imgshow_mini_logo').attr('src', e.target.result);
                }
                reader.readAsDataURL(this.files[0]);
            }
        });
        $("#logo_text").change(function() {
            $('#preview_logo_text').show();
            if (this.files && this.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#imgshow_logo_text').attr('src', e.target.result);
                }
                reader.readAsDataURL(this.files[0]);
            }
        });
        $("#logo_dark").change(function() {
            $('#preview_logo_dark').show();
            if (this.files && this.files[0]) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    $('#imgshow_logo_dark').attr('src', e.target.result);
                }
                reader.readAsDataURL(this.files[0]);
            }
        });
    });

    var options = {
        filebrowserImageBrowseUrl: '/l4raFM?type=Images',
        filebrowserImageUploadUrl: '/l4raFM/upload?type=Images&_token=',
        filebrowserBrowseUrl: '/l4raFM?type=Files',
        filebrowserUploadUrl: '/l4raFM/upload?type=Files&_token='
    };

    CKEDITOR.replace('sekilas', options);
    CKEDITOR.replace('visi', options);
    CKEDITOR.replace('misi', options);
    CKEDITOR.replace('tujuan', options);
    CKEDITOR.replace('struktur_organisasi', options);
</script>
@endsection