@extends('layouts.admin.app')

@section('content')
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <section class="content-header">
                <h1>
                    Didukung Oleh
                    {{-- <small>Control panel</small> --}}
                </h1>
                <ol class="breadcrumb">
                    <li><a href="#"><i class="fa fa-handshake-o"></i> Didukung oleh</a></li>
                    <li class="active">Edit Pendukung</li>
                </ol>
            </section>
            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="box box-success">
                            <!-- /.box-header -->
                            @if ($errors->any())
                                <div class="alert alert-warning">
                                    <ul>
                                        @foreach ($errors->all() as $v)
                                            <li>{{ $v }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <div class="box-body">
                                <form method="POST" action="{{ route('updatePendukung', $edits->id) }}"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <div class="col-lg-12">
                                        <span style="color: red; font-size:15px"> <b> (*) Wajib Diisi </b></span>
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <center>
                                                    <img id="image-preview" alt="image preview"
                                                        src="{{ asset($edits->image) }}" style="width:100px" />
                                                    <br />
                                                    <br />
                                                    <input type="file" name="image" id="image-source" onchange="previewImage();" style="display:none" value="{{$edits->image}}"/>
                                                    <label class="custom-file-label" for="image-source"> <span
                                                            style="color: red; font-size:15px"> <b> (*)</b></span> <a
                                                            class="fa fa-upload btn btn-primary"> Upload
                                                            New Image</a></label>
                                                </center>
                                            </div>
                                            <div class="col-lg-12">
                                                <div class="form-group">
                                                    <label for="formGroupExampleInput"> <span
                                                            style="color: red; font-size:15px"> <b> (*)</b></span>
                                                        Judul</label>
                                                    <input type="text" name="name" class="form-control"
                                                        id="formGroupExampleInput" placeholder="Judul"
                                                        value="{{ $edits->name }}" required>
                                                </div>
                                            </div>

                                        </div>
                                        <div>
                                            <center>

                                                <a href="{{ route('listPendukung') }}" type="button"
                                                    class="btn btn-danger ">Cancel</a>
                                                <button type="submit" class="btn btn-success ">Submit</button>

                                            </center>

                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->

                </div>
                <!-- /.col -->
    </div>
    </section>
    </div>


@endsection
@section('footer')
    <script>
        function previewImage() {
            document.getElementById("image-preview").style.display = "block";
            var oFReader = new FileReader();
            oFReader.readAsDataURL(document.getElementById("image-source").files[0]);

            oFReader.onload = function(oFREvent) {
                document.getElementById("image-preview").src = oFREvent.target.result;
            };
        };
    </script>
@stop