@extends('backend.layouts.master')

@section('title')
Quản lý Quà tặng
@endsection

@section('page-header')
<div class="row g-2 align-items-center">
    <div class="col">
        <h2 class="page-title">
            Chỉnh sửa Quà tặng
        </h2>
    </div>
</div>
@endsection

@section('admin-content')
<div class="row row-cards">
    <div class="col-12">
        @include('backend.layouts.partials.messages')
        <form action="{{ route('admin.invest.update', $invest->id) }}" method="post" class="card" enctype="multipart/form-data">
            @method('PUT')
            @csrf
            <div class="card-header">
                <h4 class="card-title">Chỉnh sửa Quà tặng</h4>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-xl-6">
                        <div class="row">
                            <div class="col-md-6 col-xl-12">
                                <div class="mb-3">
                                    <label for="name" class="form-label required">Tên Sản phẩm</label>
                                    <input type="text" class="form-control" id="name" name="name" value="{{ $invest->name }}">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Hạng khách hàng</label>
                                    <select type="text" class="form-select" name="rate_id" id="select-rates">
                                        {{-- <option value="">Chọn Hạng khách hàng...</option> --}}
                                        @foreach ($rates as $rate)
                                            <option value="{{ $rate->id }}" {{ ($invest->rate_id == $rate->id) ? 'selected' : '' }}>{{ $rate->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Chi tiết sản phẩm</label>
                                    <textarea class="form-control" name="content" rows="6"
                                        placeholder="Chi tiết sản phẩm..">{{ $invest->content }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="row">
                            <div class="col-md-6 col-xl-12">
                                <div class="mb-3">
                                    <label for="point" class="form-label required">Điểm</label>
                                    <input type="number" class="form-control" id="point" name="point" value="{{ $invest->point }}">
                                </div>
                                <div class="mb-3">
                                    <label for="quantity" class="form-label required">Số lượng</label>
                                    <input type="number" class="form-control" id="quantity" name="quantity" value="{{ $invest->quantity }}">
                                </div>
                                <div class="mb-3">
                                    <div class="form-label">Ảnh</div>
                                    <input type="file" name="image" class="form-control">
                                </div>
                                <div class="mb-3">
                                    <img src="/{{ $invest->avatar }}" style="width : 40%" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-footer text-end">
                <div class="d-flex">
                    <a href="{{ route('admin.invest.index') }}" class="btn btn-danger">Hủy</a>
                    <button type="submit" class="btn btn-primary ms-auto">Cập nhật</button>
                </div>
            </div>
        </form>
    </div>
</div>

@endsection

@section('scripts')

@endsection