@extends('manage.layouts.app')

@section('content')

    <div class="mb-5">
        <div class="ui breadcrumb">
            <a class="section">Dashboard</a>
            <div class="divider"> / </div>
            <a href="/cms/vehicles/" class="section">Vehicles</a>
            <div class="divider"> / </div>
            <div class="active section">{{$vehicle->id}}</div>
        </div>
    </div>

    <div class="relative">
        <form class="ui form" action="{{route('vehicles.update', $vehicle->id)}}" method="post" enctype="multipart/form-data">
            {{method_field('PUT')}}
            @csrf
            <h3 class="ui header">{{$vehicle->title}}</h3>
            <div class="ui divider"></div>

            <div class="field">
                <label>Title / Name *</label>
                <input type="text" name="title" value="{{$vehicle->title}}" placeholder="Title / Name">
            </div>

            <div class="field">
                <label>Sub Title</label>
                <input type="text" name="sub_title" value="{{$vehicle->sub_title}}" placeholder="Tag line / Sub Title">
            </div>

            <div class="field">
                <label>360 IFrame URL</label>
                <input type="url" name="iframe" value="{{$vehicle->iframe}}" placeholder="https://iframe-url.com">
            </div>

            <div class="field">
                <label>Price</label>
                <input type="number" name="price" value="{{$vehicle->price}}" placeholder="44,000">
            </div>

            <div class="field">
                <label>Change Thumbnail</label>

                <div class="ui small image mb-4">
                    <img src="{{$thumbnail}}">
                </div>

                <input type="file" name="thumbnail">
            </div>

            <div class="field">
                <label>Change Shawroom Slide Image</label>
                <div class="ui small image mb-4">
                    <img src="{{$showroom}}">
                </div>

                <input type="file" name="showroom_image">
            </div>

            <div class="field">
                <label>Change Spac Sheet Cover Image</label>

                <div class="ui small image mb-4">
                    <img src="{{$speccover}}">
                </div>

                <input type="file" name="speccover">
            </div>

            <div class="field">
                <label>Change Spac Sheet List Image</label>

                <div class="ui small image mb-4">
                    <img src="{{$speclist}}">
                </div>

                <input type="file" name="speclist">
            </div>

            <div class="field">
                <label>Change Logo</label>
                <div class="ui small image mb-4">
                    <div class="bg-gray-400 p-2">
                        <img src="{{$logo}}">
                    </div>
                </div>
                <input type="file" name="logo">
            </div>

            <div class="field">
                <label>Accessory Cover</label>
                @if ($accessory_cover)
                <div class="ui small w-64">
                    <img src="{{$accessory_cover}}">
                </div>
                @endif
                <input type="file" name="accessory_cover">
            </div>

            <div class="field">
                <label>Detail</label>
                <textarea name="detail" placeholder="Short Detail">
                    {{$vehicle->body}}
                </textarea>
            </div>

            <div class="field">
                <label>HTML Content</label>
                <textarea rows="15" name="html_content" placeholder="Paste HTML code">
                    {!! $vehicle->html_content !!}
                    {{-- {!!html_entity_decode($vehicle->html_content)!!} --}}
                </textarea>
            </div>

            <div class="field">
                <label>Meta Title</label>
                <input type="text" name="meta_title" value="{{$vehicle->meta_title}}" />
            </div>

            <div class="field">
                <label>Meta Description</label>
                <input type="text" name="meta_description" value="{{$vehicle->meta_description}}" />

            </div>

            <div class="field">
                <label>Meta Image</label>

                <div class="ui small image">
                    <img src="{{$meta_image}}">
                </div>

                <input type="file" name="meta_image">
            </div>


            <button type="submit" class="ui button" tabindex="0">Submit</button>
        </form>
        <div class="absolute bottom-0 right-0">
            <form method="post" action="/cms/vehicles/{{$vehicle->id}}">
                @csrf
                <input type="hidden" name="_method" value="DELETE">
                <button type="submit" class="ui button red mt-5" onclick="return confirm('Are you sure?')">Delete</button>
            </form>
        </div>
    </div>

    <div class="mt-10 mb-5">
        <div class="ui divider"></div>
    </div>

    <div class="ui secondary menu">
        <span class="item fitted">
            <h3 class="ui header">{{$vehicle->title}}' Extra</h3>
        </span>
    </div>


    <div class="ui relaxed divided list">

        <div class="item">
          <div class="content">
            <h4 class="ui header">
                <a href="/cms/vehicles/{{$vehicle->id}}/files" class="header">{{$vehicle->title}}'s files</a>
            </h4>
            <div class="description">Total files {{count($vehicle->files)}} </div>
          </div>
        </div>

        <div class="item">
            <div class="content">
              <h4 class="ui header">
                  <a href="/cms/vehicles/{{$vehicle->id}}/accessories" class="header">{{$vehicle->title}}'s Accessory</a>
              </h4>
              <div class="description">Total files {{count($vehicle->accessories)}} </div>
            </div>
          </div>

      </div>

{{--
    <div class="ui secondary menu">
        <span class="item fitted">
            <h3 class="ui header">{{$vehicle->title}}' files</h3>
        </span>
        <div class="right menu fitted">
            <a href="/cms/vehicles/{{$vehicle->id}}/files/create" class="ui button item">
            Add New File
            </a>
        </div>
    </div>

    <div class="branches">
        <table class="ui celled table">
            <thead>
              <tr>
                <th>Title</th>
                <th>year</th>
                <th>type</th>
                <th>status</th>
                <th>Actions</th>
              </tr>
            </thead>
            <tbody>
                @if ($vehicle->files->count() == 0)
                <tr>
                    <td colspan="4">No record found!</td>
                </tr>
                @endif
                @foreach ($vehicle->files as $file)
                <tr>
                    <td>
                        <a href="/cms/vehicles/{{$vehicle->id}}/files/{{$file->id}}"> {{$file->title}} </a>
                    </td>
                    <td> {{$file->year}} </td>
                    <td> {{$file->type}} </td>
                    <td>
                        @if ($vehicle->status == 1)
                            Published
                        @else
                            Draft
                        @endif
                    </td>
                    <td>
                        <div class="ui basic mini buttons">
                            <div class="ui button">Edit</div>
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <div class="accessories mt-10">
        <div class="ui secondary menu">
            <span class="item fitted">
                <h3 class="ui header">{{$vehicle->title}}' Accessories</h3>
            </span>
            <div class="right menu fitted">
                <a href="/cms/vehicles/{{$vehicle->id}}/accessories/create" class="ui button item">
                Add New Accessory
                </a>
            </div>
        </div>
        <table class="ui celled table">
            <thead>
              <tr>
                <th>Title</th>
                <th>year</th>
                <th>type</th>
                <th>status</th>
                <th>Actions</th>
              </tr>
            </thead>
            <tbody>
                @if ($vehicle->files->count() == 0)
                <tr>
                    <td colspan="4">No record found!</td>
                </tr>
                @endif
                @foreach ($vehicle->files as $file)
                <tr>
                    <td>
                        <a href="/cms/vehicles/{{$vehicle->id}}/files/{{$file->id}}"> {{$file->title}} </a>
                    </td>
                    <td> {{$file->year}} </td>
                    <td> {{$file->type}} </td>
                    <td>
                        @if ($vehicle->status == 1)
                            Published
                        @else
                            Draft
                        @endif
                    </td>
                    <td>
                        <div class="ui basic mini buttons">
                            <div class="ui button">Edit</div>
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div> --}}


@endsection