@php
    $default = get_default_language_code();
@endphp
@extends('user.layouts.master')

@section('breadcrumb')
    @include('user.components.breadcrumb',['breadcrumbs' => [
        [
            'name'  => __("Dashboard"),
            'url'   => setRoute("user.dashboard"),
        ]
    ], 'active' => __("Add Product")])
@endsection

@section('content')
<style>
    .tag, .tagtw {
        display: inline-block;
        background-color: #f0f0f0;
        padding: 3px 5px;
        margin: 2px;
        border-radius: 3px;
    }
    .tag-close {
        cursor: pointer;
        margin-left: 5px;
        font-weight: bold;
    }
</style>
<div class="table-wrapper pt-60">
    <div class="row justify-content-center">
        <div class="col-xl-12">
            <h4 class="title">{{ __('Add Product') }}</h4>
            <form method="POST" class="event-form" id="frmEvent" action="{{ route('user.product.store') }}" enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-xl-12">
                        <div class="form-group">
                            <label for="title_en">Title (en)*</label>
                            <input type="text" id="title_en" name="title_en" class="form--control" value="" required="required"/>
                        </div>
                    </div>
                    <div class="col-xl-12">
                        <div class="form-group">
                            <label for="title_tw">Title (tw)*</label>
                            <input type="text" id="title_tw" name="title_tw" class="form--control" value="" required="required"/>
                        </div>
                    </div>
                    <div class="col-xl-12">
                        <div class="form-group">
                            @include('admin.components.form.input-text-rich', [
                                'label' => 'Details (en)*',
                                'name' => 'details_en',
                                'value' => '',
                            ])
                        </div>
                    </div>
                    <div class="col-xl-12">
                        <div class="form-group">
                            @include('admin.components.form.input-text-rich', [
                                'label' => 'Details (tw)*',
                                'name' => 'details_tw',
                                'value' => '',
                            ])
                        </div>
                    </div>
                    <div class="col-xl-12">
                        <div class="form-group">
                            <label for="photo">Image*</label>
                            <input type="file" id="photo" name="photo" class="form--control" accept="image/*" required="required"/>
                        </div>
                    </div>
                    <div class="col-xl-12">
                      <div class="form-group">
                        <label for="price">Price*</label>
                        <input type="number" id="price" name="price" value="" min="1" step="0.1" required="required"/>
                      </div>
                    </div>
                    <div class="col-xl-12 col-lg-12 form-group d-flex align-items-center justify-content-between mt-4">
                        <button type="submit" class="btn btn--base">{{ __('Add') }}</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection