@extends('layouts.app')

@section('content')
<style>
    .image {
        max-width: 50% !important;
        max-height: 50% !important;
    }
</style>
<div class="container-xxl">
    <div class="row clearfix">
        <div class="col-md-12">
            <div class="card border-0 mb-4 no-bg">
                <div class="card-header py-3 px-0 d-sm-flex align-items-center  justify-content-between border-bottom">
                    <h5 class=" fw-bold flex-fill mb-0 mt-sm-0">Informasi Perusahaan</h5>
                </div>
            </div>
        </div>
    </div><!-- Row End -->

    <div class="col">
        <div class="card teacher-card">
            <div class="card-body d-flex">
                <div class="teacher-info ps-xl-4 ps-md-3 ps-sm-4 ps-4 w-100">
                    <form method="post" action="{{ route('information.store') }}" enctype="multipart/form-data">
                        <input type="hidden" name="code" value="{{ $data->code ?? '' }}">
                        @csrf
                        <div class="row g-3 align-items-center">
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-6">
                                        <label for="company_name" class="form-label mt-3">Nama Perusahaan</label>
                                        <input type="text" class="form-control form-control-sm" id="company_name" name="company_name" required value="{{ $data->company_name ?? '' }}">
                                    </div>
                                    <div class="col-md-6">
                                        <label for="logo" class="form-label mt-3">Logo Perusahaan</label>
                                        <input class="form-control form-control-sm" type="file" name="logo" onchange="readURL1(this);">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">
                                        <label for="app_name" class="form-label mt-3">Nama Aplikasi</label>
                                        <input type="text" class="form-control form-control-sm" id="app_name" name="app_name" required value="{{ $data->app_name ?? '' }}">
                                    </div>
                                    <div class="col-md-6">
                                        <label for="login_image" class="form-label mt-3">Logo Login</label>
                                        <input class="form-control form-control-sm" type="file" name="login_image" onchange="readURL2(this);">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <label for="navbar_title" class="form-label mt-3">Judul Navbar</label>
                                    <input type="text" class="form-control form-control-sm" id="navbar_title" name="navbar_title" required value="{{ $data->navbar_title ?? '' }}">
                                </div>
                                <div class="col-md-6">
                                    <label for="login_title" class="form-label mt-3">Judul Login</label>
                                    <input type="text" class="form-control form-control-sm" id="login_title" name="login_title" required value="{{ $data->login_title ?? '' }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label mt-3">Telepon Kantor</label>
                                    <input type="text" class="form-control form-control-sm" id="phone_office" name="phone_office" required value="{{ $data->phone_office ?? '' }}">
                                </div>
                                <div class="col-md-6">
                                    <label class="form-label mt-3">Handphone</label>
                                    <input type="number" class="form-control form-control-sm" id="phone" name="phone" required value="{{ $data->phone ?? '' }}">
                                </div>
                                <div class="col-md-6">
                                    <label for="email" class="form-label mt-3">Email</label>
                                    <input type="email" class="form-control form-control-sm" id="email" name="email" required value="{{ $data->email ?? '' }}">
                                </div>
                                <div class="col-md-6">
                                    <label for="facebook" class="form-label mt-3">Facebook</label>
                                    <input type="text" class="form-control form-control-sm" id="facebook" name="facebook" value="{{ $data->facebook ?? '' }}">
                                </div>
                                <div class="col-md-6">
                                    <label for="twitter" class="form-label mt-3">Twitter</label>
                                    <input type="text" class="form-control form-control-sm" id="twitter" name="twitter" value="{{ $data->twitter ?? '' }}">
                                </div>
                                <div class="col-md-6">
                                    <label for="instagram" class="form-label mt-3">Instagram</label>
                                    <input type="text" class="form-control form-control-sm" id="instagram" name="instagram" value="{{ $data->instagram ?? '' }}">
                                </div>
                                <div class="col-md-6">
                                    <label for="youtube" class="form-label mt-3">Youtube</label>
                                    <input type="text" class="form-control form-control-sm" id="youtube" name="youtube" value="{{ $data->youtube ?? '' }}">
                                </div>
                                <div class="col-md-12">
                                    <label for="address" class="form-label mt-3">Alamat</label>
                                    <textarea class="form-control form-control-sm" id="address" name="address" rows="3">{{ $data->address ?? '' }}</textarea>
                                </div>
                                <div class="col-md-12">
                                    <label for="description" class="form-label mt-3">Keterangan</label>
                                    <textarea class="form-control form-control-sm" id="description" name="description" rows="3">{{ $data->description ?? '' }}</textarea>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="text-center">
                                    <img src="{{ url($data->logo) }}" alt="" class="image" id="logo">
                                    <img src="{{ url($data->login_image) }}" alt="" class="image" id="login_image">
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-primary mt-3">Simpan</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>

<script>
    function readURL1(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#logo')
                    .attr('src', e.target.result);
            };
            reader.readAsDataURL(input.files[0]);
        }
    }
    function readURL2(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#login_image')
                    .attr('src', e.target.result);
            };
            reader.readAsDataURL(input.files[0]);
        }
    }
</script>
@endsection