@extends('Admin.layout')
<link href="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.snow.css" rel="stylesheet" />
<style>
    .image-upload {
        --bs-dz-icon-bg: #eeedf0;
        position: relative;
        border: 2px dashed var(--bs-border-color);
        border-radius: 0.5rem;
        cursor: pointer;
        inline-size: 100%;
        height: 200px;
        width: 370px;
    }
</style>
@section('content')

<div
    class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1 row-gap-4">
    <div class="d-flex flex-column justify-content-center">
        <h5> <button type="button" class="btn btn-icon bg-white waves-effect me-2"
                style="box-shadow: 0px 9px 12px -2px #66328E1F;">
                <a href="Stock_request"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                        viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round"
                        stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                        <path d="M15 6l-6 6l6 6" />
                    </svg>
                </a></button>Stock Request Details</h5>
    </div>

</div>
<div class="card p-5">
    <div class="form-section">
        <h5>Stock Request</h5>
        <form id="groupForm" action="" method="POST" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="id" value="{{ $product->id }}">
            <div class="row">
                <div class="col-lg-8">
                    <div class="col-lg-12 mb-3">
                        <label class="form-label" for="stateName"> Staff Name</label>
                        <input type="text"
                            name="staff_name"
                            class="form-control"
                            id="staff_name"
                            value="{{ old('staff_name', $product->staff_name) }}">

                        @error('staff_name')
                        <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>
                    <div class="col-lg-12 mb-3">
                        <label class="form-label" for="stateName"> Product Code</label>
                        <input type="text" 
                        class="form-control" 
                        id="product_id" 
                        name="product_id"
                        value="{{ old('product_id', $product->product_id) }}">
                    </div>
                    <div class="col-lg-12 mb-3">
                        <label class="form-label" for="stateName"> Product Name</label>
                        <input type="text" 
                        class="form-control" 
                        id="name"    
                        name="name" 
                        value="{{ old('name', $product->name) }}">
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="image-upload">
                        <div class="text-center">
                            <img src="{{ asset('assets/img') }}/Ch.png" height="190px" width="250px" alt="">
                        </div>
                    </div>

                </div>
            </div>
            <div class="row">

                <div class="col-lg-4 mb-3">
                    <label class="form-label" for="stateName">MRP</label>
                    <input type="text" class="form-control" id="mrp" name="mrp" value="{{ old('mrp', $product->mrp) }}">
                </div>
                <div class="col-lg-4 mb-3">
                    <label class="form-label" for="stateName">Second Price</label>
                    <input type="text" class="form-control" id="second_price" name="second_price" value="{{ old('second_price', $product->second_price) }}">
                </div>
                <div class="col-lg-4 mb-3">
                    <label class="form-label" for="stateName">Final Price</label>
                    <input type="text" class="form-control" id="final_price" name="final_price" value="{{ old('final_price', $product->final_price) }}">
                </div>
            </div>
            <div class="text-editor-container">
                <div class="header">Description</div>

                <div id="editor">
                  {!! $product->description !!}
                </div>
            </div>
            <div class="form-actions mt-4">
                <button type="button" class="btn btn-primary me-3" data-bs-toggle="modal"
                    data-bs-target="#accept">Accept</button>
                <button type="reset" class="btn btn-secondary">Discard</button>
            </div>
        </form>
    </div>

</div>
<script src="https://cdn.jsdelivr.net/npm/quill@2.0.3/dist/quill.js"></script>

<!-- Initialize Quill editor -->
<script>
    const quill = new Quill('#editor', {
        theme: 'snow'
    });
</script>
@endsection