@extends('admin.layouts.layouts')

@section('title', 'Edit History | Products')

@section('content')
    <div class="page-header">
        <h3 class="page-title">
            Edit Product History
        </h3>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Dashboard</a></li>
                <li class="breadcrumb-item"><a href="{{ route('product.index') }}">Products</a></li>
                <li class="breadcrumb-item active" aria-current="page">Edit History</li>
            </ol>
        </nav>
    </div>

    <div class="row">
        <div class="col-12">
            <div class="card">

                {!! Form::open([
                    'route' => ['product-update-history', $editDetails->product_id],
                    'method' => 'POST',
                    'id' => 'validate_form_edit_history_product',
                    'class' => 'forms-sample',
                    'enctype' => 'multipart/form-data',
                ]) !!}

                <div class="card-body">

                    {!! Form::hidden('product_id', $editDetails->product_id) !!}
                    {!! Form::hidden('product_history_id', $editDetails->id) !!}

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">
                                    Buying Price <span class="text-danger">*</span>
                                </label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control amount" name="rate" id="buying_price"
                                        placeholder="Enter Buying Price" value="{{ $editDetails->rate ?? '' }}"
                                        data-parsley-required data-parsley-required-message="Please enter buying price"
                                        data-parsley-trigger='keyup' data-parsley-errors-container='#buying_price_error'>
                                    <span class="text-danger" id="buying_price_error">{{ $errors->first('rate') }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">
                                    Selling Price <span class="text-danger">*</span>
                                </label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control amount" name="selling_price"
                                        id="selling_price" placeholder="Enter Selling Price"
                                        value="{{ $editDetails->selling_price ?? '' }}" data-parsley-required
                                        data-parsley-required-message="Please enter selling price"
                                        data-parsley-trigger='keyup' data-parsley-errors-container='#selling_price_error'>
                                    <span class="text-danger"
                                        id="selling_price_error">{{ $errors->first('selling_price') }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group row">
                                <label class="col-sm-3 col-form-label">
                                    Effective Date <span class="text-danger">*</span>
                                </label>
                                <div class="col-sm-9">
                                    <input type="date" class="form-control" name="effective_date" id="effective_date"
                                        value="{{ date('Y-m-d', strtotime($editDetails->effective_date)) }}"
                                        data-parsley-required data-parsley-required-message="Please select effective date"
                                        data-parsley-min="{{ date('Y-m-d') }}" min="{{ date('Y-m-d') }}"
                                        data-parsley-min-message="Effective date must be today or in the future"
                                        data-parsley-trigger='change' data-parsley-errors-container='#effective_date_error'>
                                    <span class="text-danger"
                                        id="effective_date_error">{{ $errors->first('effective_date') }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <button type="submit" class="btn btn-primary mr-2" id="updateHistoryProduct">Update</button>
                    <a href="{{ route('product.index') }}" class="btn btn-light">Cancel</a>
                </div>

                {{ Form::close() }}
            </div>
        </div>
    </div>
@endsection

@section('page-js')
    <script>
        var updateHistory = true;
        var productId = "{{ $editDetails->product_id }}";
        var productStore = "{{ route('product.store') }}";
        var productIndexURL = "{{ route('product.index') }}";
        var productUpdateHistory = "{{ route('product-update-history', ['id' => ':id']) }}";
    </script>
    <script src="{{ asset('assets/js/admin/product.js') }}"></script>
@endsection