{{-- mainLayouts extends --}}
@extends('layouts.contentLayoutMaster')

{{-- Page title --}}
@section('title', 'Product Part Create')
@section('vendor-style')
    <link rel="stylesheet" type="text/css" href="{{asset('vendors/dropify/css/dropify.min.css')}}">
@endsection

@section('content')
<form action="{{route('admin.product-parts.store')}}" method="POST" enctype="multipart/form-data">
    @csrf
<div class="card">
    <div class="card-content">
        <span class="card-title">Create Product Part</span>
        <table class="striped">
            <tr>
                <th width="20%">Product Part Name *</th>
                <td>
                    <div class="">
                        <input id="name" name="name" type="text" class="@error('name') error @enderror" value="{{old('name')}}">
                    </div>    
                </td>
            </tr>
            <tr>
                <th>Description</th>
                <td>
                    <div class="">
                        <input id="description" name="description" type="text" class="@error('description') error @enderror" value="{{old('description')}}">
                    </div>    
                </td>
            </tr>
            <tr>
                <th>Image *</th>
                <td>
                    <div class="">
                        <input type="file" name="image" id="input-file-now" class="dropify"/>
                        <small class="errorTxt1">
                            @if ($errors->has('image'))
                                <div id="image-error" class="error">{{ $errors->first('image') }}</div>
                            @endif
                        </small>
                    </div>    
                </td>
            </tr>
        </table>
    </div>
    </div>
    <div class="row right">
        <a href="{{ route('admin.product-parts.index') }}" class="waves-effect waves-light black-text padr30px">Cancel</a>
        <button class="btn red waves-effect waves-light border-radius-6" type="submit">Create</button>
    </div>
</form>
@endsection
@section('vendor-script')
<script src="{{asset('vendors/dropify/js/dropify.min.js')}}"></script>
@endsection

{{-- page script --}}
@section('page-script')
<script src="{{asset('js/scripts/form-file-uploads.js')}}"></script>
@endsection