@extends('crudbooster::admin_template')
@push('head')
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<style>
    .gender{
        margin: 1% !important;
    }
    .panel-heading span {
        font-weight: 800;
        border-bottom: 2px solid #09b0c5;
        padding: 0;
        font-size: 15px;
    }
</style>
@endpush
@section('content')
    <div class='panel panel-default efit-add-product'>
        <div class='panel-heading eap-box text-bold'>Add DcIcon Category</div>
        <form method='post' class="addUser" action="{{ CRUDBooster::mainpath('edit/').$details->id }}" enctype="multipart/form-data">
            <div class='panel-body'>
                @csrf
                <div class="form-group col-sm-6">
                    <div class="form-group">
                        <label class="control-label"> Name(DE)
                            <span class="text-danger" title="This field is required">*</span>
                        </label>
                        <input type="text" class="form-control" placeholder="Enter Name(DE)" name="de_name" id="de_name" value="{{ old('de_name') ?? $details->de_name }}" required>
                        @if ($errors->has('de_name'))
                            <span class="invalid feedback"role="alert">
                                <strong class="text-danger">{{ $errors->first('de_name') }}.</strong>
                            </span>
                        @endif
                    </div>
                </div>
                
                <div class="form-group col-sm-6">
                    <div class="form-group">
                        <label class="control-label"> Name(EN)
                            <span class="text-danger" title="This field is required">*</span>
                        </label>
                        <input type="text" class="form-control" placeholder="Enter Name(EN)" name="en_name" id="en_name" value="{{ old('en_name') ?? $details->en_name }}" required>
                        @if ($errors->has('en_name'))
                            <span class="invalid feedback"role="alert">
                                <strong class="text-danger">{{ $errors->first('en_name') }}.</strong>
                            </span>
                        @endif
                    </div>
                </div>

                <div class="form-group col-sm-3">
                    <div class="form-group">
                        <label class="control-label"> Default Image
                            <span class="text-danger" title="This field is required">*</span>
                        </label>
                        <input type="file" class="form-control" name="default_image" id="default_image">
                        @if ($errors->has('default_image'))
                            <span class="invalid feedback"role="alert">
                                <strong class="text-danger">{{ $errors->first('default_image') }}.</strong>
                            </span>
                        @endif
                    </div>
                </div>
                <div class="col-sm-3 text-center">
                    <img src="{{ asset('storage/dc-icons/category/'.$details->default_image) }}" alt="No Image Found" height="100px">
                </div>
                <div class="form-group col-sm-6">
                    <div class="form-group">
                        <label class="control-label"> Sort Position
                            <span class="text-danger" title="This field is required">*</span>
                        </label>
                        <input type="text" class="form-control" placeholder="Enter Position No." name="serial_no" id="serial_no" value="{{ old('serial_no') ?? $details->serial_no }}" required>
                        @if ($errors->has('serial_no'))
                            <span class="invalid feedback"role="alert">
                                <strong class="text-danger">{{ $errors->first('serial_no') }}.</strong>
                            </span>
                        @endif
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="from-inline">
                        <div class="form-group">
                            <input type="checkbox" name="default" {{ (old('default') == 'on' || $details->default == 1) ? 'checked' : '' }}> <b>Default Category</b>
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="from-inline">
                        <div class="form-group">
                            <input type="checkbox" name="active_status" {{ (old('default') == 'on' || $details->active_status == 1 )? 'checked' : '' }}> <b>Active</b>
                        </div>
                    </div>
                </div>
            </div>
            <div class='panel-footer'>
                <a href="{{ CRUDBooster::mainpath() }}" class="btn btn-default"><i class="fa fa-chevron-circle-left"></i>
                    Back</a>
                <input type='submit' class='btn btn-primary' value='Update' />
            </div>
        </form>
    </div>
 @endsection

 @push('bottom')
 <script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
 @endpush