@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
@endsection
@section('body_content')
    <div class="container body">
        <div class="main_container">
            @include('includes.sidebar')
            <div class="right_col" role="main">
                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="page-title">
                            <div class="text-center">
                                <h3>UPDATE DATA TUKAR FISIK FAQ</h3>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12">
                    <div class="x_panel">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-8">
                                    <form action="{{ route('tukar_fisik_faq.store', ['id' => $data->id]) }}" method="POST"
                                        enctype="multipart/form-data">
                                        {!! csrf_field() !!}
                                        <div class="mb-3">
                                            <label for="exampleInputEmail1" class="form-label">Type</label>
                                            <select type="text" name="type" value="{{ $data->type }}"
                                                class="form-control" aria-describedby="emailHelp">
                                                <option value="{{ $data->type }}" selected>
                                                    @if ($data->type == 'header')
                                                        -- header --
                                                    @elseif($data->type == 'article')
                                                        -- article --
                                                    @else
                                                        -- footer --
                                                    @endif
                                                </option>
                                                <option value="header">header</option>
                                                <option value="article">article</option>
                                                <option value="footer">footer</option>
                                            </select>
                                        </div>

                                        <div class="mb-3">
                                            <label for="exampleInputEmail1" class="form-label"
                                                style="margin-top: 15px">Title</label>
                                            <input type="text" name="title" value="{{ $data->title }}"
                                                placeholder="Masukan Title" class="form-control" required>
                                        </div>

                                        <div class="mb-3">
                                            <label for="exampleInputEmail1" class="form-label"
                                                style="margin-top: 15px">Description</label>
                                            <textarea class="form-control" name="description" placeholder="Masukan Deskripsi">  {{ $data->description }} </textarea>
                                        </div>

                                        <div class="mb-3">
                                            <label for="exampleInputEmail1" class="form-label"
                                                style="margin-top: 15px">Image</label>
                                            <input type="file" name="image" value="{{ $data->image }}"
                                                placeholder="Masukan Deskripsi" class="form-control">
                                        </div>

                                        <div class="'mb-3">
                                            <td class="text-center">
                                                <img width="100px"
                                                    src="{{ env('ALIYUN_OSS_IMAGE_URL') }}/tukar_fisik/{{ $data->image }}?x-oss-process=image/resize,w_100,limit_0">
                                            </td>
                                        </div>

                                        <div class="mb-3">
                                            <label for="exampleInputEmail1" class="form-label"
                                                style="margin-top: 15px">Status</label>
                                            <select type="text" name="is_active" value="{{ $data->is_active }}"
                                                placeholder="Masukan Nama Dapil" class="form-control">
                                                <option value="{{ $data->is_active }}" selected>
                                                    @if ($data->is_active == '1')
                                                        -- Aktif --
                                                    @else
                                                        -- Tidak Aktif --
                                                    @endif

                                                </option>
                                                <option value="1">Aktif</option>
                                                <option value="0">Tidak Aktif</option>
                                            </select>
                                        </div>

                                        <button type="submit" class="btn btn-primary form-control text-white"
                                            style="margin-top: 30px;">Submit</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @include('includes.footer')
        </div>
    </div>
@endsection