@extends('layouts.admin')
@section('css')
    <link href="https://unpkg.com/cropperjs/dist/cropper.css" rel="stylesheet"/>
    <script src="https://unpkg.com/cropperjs"></script>
    <link rel="stylesheet" href="{{ asset('assets/css/crop-image.css') }}" />
    <style>
        .custom-file-upload-container {
            margin-right: 26px;
        }
    </style>
@endsection
@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{{ $data->id ?  __('variation_master.edit') :  __('variation_master.add') }}</p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">

                    <li class="breadcrumb-item"><a href="{{route('admin.dashboard')}}">{{ __('common.home')}}</a></li>
                    <li class="breadcrumb-item" aria-current="page"><a href="{{route('variation-master.index')}}">{{ __('variation_master.title') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page"> {{ $data->id ?  __('variation_master.edit') :  __('variation_master.add') }}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 employee-list-full">
            <div class="round-white-bg box-shadow">
                <div class="error-msg font-14"></div>
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-5">
                        {{ Form::open(array('route' => $routes, 'method' => 'POST' ,'id' => 'ajaxSave'))}}
                        <div class="custom-input-group colored-field-group">
                            {{Form::label('name', __('variation_master.name'), array('class' => 'control-label'))}}
                            {{ Form::text('name', $data->name,array('placeholder' => __('variation_master.name'),'class' => 'form-control'))}}
                        </div>
                        <div class="custom-input-group colored-field-group">

                                <p class="font-medium">{{__('global_extra_master.image')}}</p>
                                <div class="custom-file-upload-control">
                                    <div class="custom-file-upload-container font13">
                                        {{ Form::file('', array('class' => 'custom-file-upload-field image-preview-uploader image overlay', 'id' => 'upload_image', 'accept' => 'image/png,image/jpg,image/jpeg'))}}
                                        <input type="hidden" id="uploaded_image" name="image" />
                                        <ul class="list-inline">
                                            <li class="list-inline-item">
                                                <a href="#" class="btn btn-primary font13">{{__('store.choose-file')}}</a>
                                            </li>
                                            <li class="list-inline-item text-muted image-name-placeholder">
                                                {{__('store.no-choosen-file')}}
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div>
                                    <p class="text-danger font12 font-medium">{{__('common.file-size')}}</p>
                                </div>
                                <div class="image-preview-container-sqr">
                                    @if($data->image != "")
                                        <img src="{{ getImagePath($data->image,'product',false)}}" class="img-fluid" alt="" />
                                    @endif
                                </div>
                        </div>

                        <div class="custom-input-group colored-field-group">
                            {{ Form::label('description', __('variation_master.description'), ['class' => 'control-label']) }}
                            {{ Form::textarea('description', $data->description, ['class' => 'form-control', 'size' => '2x3']) }}
                        </div>
                        <div class="custom-input-group colored-field-group ">
                            <label class="yummy-switch-label">
                                {{ Form::checkbox('status', 1, ($data->status == 1 || !isset($data->status)) ? true : false) }}
                                <span class="yummy-switch-box"></span>
                            </label>
                        </div>

                        <div class="form-group mt-2 text-left">
                            <ul class="list-inline">
                                <li class="list-inline-item">
                                    {{ Form::submit( __('common.save'), array('class' => 'btn btn-primary width80'));}}
                                </li>

                            </ul>
                        </div>
                        @if($data->id) @method('PUT') @endif
                        {{ Form::close()}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include('layouts.partials.crop-image-modal')
@endsection

@section('script')
    <script src="{{ asset('assets/js/crop-image.js')}}"></script>
@endsection