@extends('layouts.master')

@section('title', config('carmodel.edit'))

@section('content')
<div class="page-wrapper">
            <!-- ============================================================== -->
            <!-- Container fluid  -->
            <!-- ============================================================== -->
            <div class="container-fluid">
                <!-- ============================================================== -->
                <!-- Bread crumb and right sidebar toggle -->
                <!-- ============================================================== -->
                <div class="row page-titles">
                    <div class="col-md-5 align-self-center">
                        <h4 class="text-themecolor">{!! config('carmodel.edit') !!} <span class="text-info">{{ $carmodel->title }}</span> </h4>
                    </div>
                    <div class="col-md-7 align-self-center text-end">
                        <div class="d-flex justify-content-end align-items-center">
                            <ol class="breadcrumb justify-content-end">
                            <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                                <li class="breadcrumb-item"><a href="{{ route('categories.index') }}">{!!
                                config('category.name') !!}</a></li>
                                <li class="breadcrumb-item"><a href="{{ route('categories.show',['category' => $carmodel->category->parent_id]) }}">{!! config('category.sub_name') !!} For {{ $carmodel->category->parent->title ?? '' }}</a></li>
                                <li class="breadcrumb-item"><a href="{{ route('carmodels.index',['category' => $carmodel->category_id]) }}">{!! config('carmodel.name') !!} For {{ $carmodel->category->title ?? '' }}</a></li>
                                <li class="breadcrumb-item active">{!! config('carmodel.edit') !!} {{ $carmodel->title }}</li>
                            </ol>
                        </div>
                    </div>
                </div>
           
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <!-- <h4 class="card-title">Basic Form</h4> -->
                                <ul class="nav nav-tabs" role="tablist">
                                  @foreach(config('translatable.locales') as $locale)
                                    <li class="nav-item"> <a class="nav-link {{ $loop->first ? 'active' : '' }}" data-bs-toggle="tab" href="#{{ $locale }}" role="tab" aria-selected="true"><span class="hidden-sm-up"><i class="ti-text"></i></span> <span class="hidden-xs-down">{{ trans('messages.'.$locale) }}</span></a> </li>
                                    @endforeach
                                </ul>
                                <form method="POST" enctype="multipart/form-data" action="{{ route('carmodels.update',['carmodel' => $carmodel->id]) }}">
                                    @method('PUT')
                                    @csrf

                                   <div class="tab-content tabcontent-border">
                                      @foreach(config('translatable.locales') as $locale)
                                        <div class="tab-pane {{ $loop->first ? 'active' : '' }}" id="{{ $locale }}" role="tabpanel">
                                            <div class="p-20 mt-3">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-floating mb-1">
                                                            <input type="text" class="form-control" id="tb-fname" name="{{ $locale }}[title]"
                                                                placeholder="Enter title here" value="{{ $carmodel->translate($locale)->title }}">
                                                            <label for="tb-fname">Title {{ $locale }} <span class="text-danger">*</span></label>
                                                        </div>
                                                        @error("$locale.title")
                                                            <span class="text-danger">{{ $message }}</span>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        @endforeach
                                        <div class="col-12">
                                            <div class="d-md-flex align-items-center mt-3">
                                                <button type="button" onclick="parent.history.back();" class="btn btn-outline-danger">Back</button>
                                                <div class="ms-auto mt-3 mt-md-0">
                                                    <button type="submit"
                                                        class="btn btn-outline-info">Submit</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
</div>
@endsection