@extends('backend.layouts.app')
@section('head')

    <link rel="stylesheet" href="{{asset('assets/css/datatable.css')}}">

@endsection
@section('content')


<div class="aiz-titlebar text-left mt-2 mb-3">

	<div class="align-items-center">
		<h1 class="h3">{{translate('All Attributes')}}</h1>
	</div>
</div>

<div class="row">
	<div class="@if(auth()->user()->can('add_product_attribute')) col-lg-7 @else col-lg-12 @endif">
		<div class="card">
			<div class="card-header">

				<h5 class="mb-0 h6">{{ translate('Attributes')}}</h5>

			</div>
			<div class="card-body">
                <table id="datatable" class="table table-rounded table-striped border gy-7 w-100 gs-7">
                    <thead>
                    <tr class="fw-bold fs-6 text-gray-800 border-bottom border-gray-200">

                        <th style="text-align: center">

                            <input type="checkbox" id="select_all"/></th>
                        <th>#</th>
                        <th>{{translate('Name')}}</th>
                        <th>{{translate('Value')}}</th>
                        <th class="">{{translate('actions')}}</th>

                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
			</div>
		</div>
	</div>
	@can('add_product_attribute')
		<div class="col-md-5">
			<div class="card">
				<div class="card-header">

						<h5 class="mb-0 h6">{{ translate('Add New Attribute') }}</h5>

				</div>
				<div class="card-body">
					<form action="{{ route('attributes.store') }}" method="POST">
						@csrf
                        <ul class="nav nav-tabs nav-line-tabs mb-5 fs-6">
                            @foreach(get_languages() as $language)
                                <li class="nav-item">

                                    <a class="nav-item nav-link  @if($loop->first ) active @endif" id="nav-home-tab"
                                       data-toggle="tab"
                                       href="#nav-{{$language->code}}" role="tab" aria-controls="nav-home"
                                       aria-selected="true">
                                        <img src="{{ static_asset('assets/img/flags/'.$language->code.'.png') }}"
                                             height="11" class="mr-1">

                                        {{$language->name}}</a>

                                </li>
                            @endforeach
                        </ul>
                        <div class="tab-content" id="myTabContent">
                            @foreach(get_languages() as $language)
                                <div class="tab-pane fade  @if($loop->first ) show active @endif"
                                     id="nav-{{$language->code}}" role="tabpanel"
                                     aria-labelledby="nav-{{$language->code}}">

                                    <div class="form-group mb-3 mt-3">
                                        <label for="name_{{$language->code}}">{{translate('Attribute Name')}}</label>
                                        <input type="text" class="form-control" name="name_{{$language->code}}"
                                               id="name_{{$language->code}}"
                                               placeholder="{{translate('Attribute Name')}}"
                                               value="{{ old("name_".$language->code) }}"
                                               @if($loop->first ) required @endif  >
                                    </div>
                                </div>
                            @endforeach

                        </div>
						<div class="form-group mb-3 text-right">
							<button type="submit" class="btn btn-primary">{{translate('Save')}}</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	@endcan
</div>


@endsection

@section('modal')
    @include('public_files.modals.delete_modal')
@endsection
@section('script')

    <script src="{{asset('assets/js/datatable.js')}}"></script>

    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    {!! $datatable_script !!}

@endsection