@extends('petugas.layouts.layout_dashboard')

@section("title") Edit @endsection

@section("breadcrumb")
    <li class="breadcrumb-item"><a href="{{route('petugas.dashboard.index')}}">Dashboard</a></li>
    <li class="breadcrumb-item"><a href="{{route('petugas.home_link.index')}}">Home Link</a></li>
    <li class="breadcrumb-item">@yield("title")</li>
@endsection

@section('footer-scripts')
    @include('petugas.components.notification')
@endsection

@section("content")

    <div class="row">

        <div class="col-md-12">
            <div class="card ">
                <div class="card-header card-header-rose card-header-icon">
                    <div class="card-icon">
                        <i class="material-icons">edit</i>
                    </div>
                    <h4 class="card-title">Edit Home Link</h4>
                </div>
                <div class="card-body ">
                    <div class="row">
                        <div class="col-md-6">
                        </div>
                        <div class="col-md-6 text-right">
                            <a href="{{route('petugas.home_link.index')}}" class="ml-1 btn btn-rose btn-sm">
                                Kembali
                            </a>
                        </div>
                    </div>
                    {{
                        Form::open([
                            'route' => ['petugas.home_link.update', $data->id],
                            'method'=>'PUT',
                            'enctype'=>"multipart/form-data"
                        ])
                    }}
                    {{ Form::hidden('id',$data->id) }}

                        <div class="row">
                            <div class="col-md-3 text-center">
                                <div class="fileinput fileinput-new text-center" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail img-circle">
                                        <img src="{{asset('storage/home_link/'.$data->image)}}" alt="..."
                                             onerror="this.src='https://ui-avatars.com/api/?size=235&background=c9c9c9&name={{$data->image}}'">
                                    </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail img-circle"></div>
                                    <div>
                                                    <span class="btn btn-round btn-rose btn-file">
                                                        <span class="fileinput-new">Pilih File</span>
                                                        <span class="fileinput-exists">Pilih File</span>
                                                        <input type="file" name="image">
                                                    </span>
                                        <br>
                                        <a href="#pablo" class="btn btn-danger btn-round fileinput-exists"
                                           data-dismiss="fileinput"><i class="fa fa-times"></i> Remove</a>
                                    </div>
                                    @error('image')
                                    <span class="bmd text-danger">{{ $message }}</span>
                                    @enderror
                                </div>
                            </div>
                            <div class="col-md-9">
                                <div class="row">
                                    <label for="label" class="col-sm-2 col-form-label">Label *</label>
                                    <div class="col-sm-9">

                                        <div class="form-group">
                                            {{ Form::text('label', $data->label, [
                                                    'id'=>"label" ,
                                                    'class' => 'form-control',
                                                    'placeholder' => '...'
                                                ])
                                            }}
                                            @error('label')
                                            <span class="bmd text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <label for="url" class="col-sm-2 col-form-label">URL *</label>
                                    <div class="col-sm-9">
                                        <div class="form-group">
                                            {{ Form::text('url', $data->url, [
                                                    'id'=>"url" ,
                                                    'class' => 'form-control',
                                                    'placeholder' => '...'
                                                ])
                                            }}
                                            @error('url')
                                            <span class="bmd text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                                <br>
                                <div class="text-center">
                                    <input class="btn btn-rose btn-sm" type="submit" value="Simpan" />
                                </div>
                            </div>
                        </div>
                    {{ Form::close() }}
                </div>
            </div>
        </div>
    </div>
@endsection