@extends('backend.app')

@section('title', 'Edit Store')

@push('style')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css">

@endpush

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">Edit Store</h1>
    </div>
    <div class="ms-auto pageheader-btn">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0);">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.store.ledger.index') }}">Stores</a></li>
            <li class="breadcrumb-item active" aria-current="page">Edit</li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <form action="{{ route('admin.store.ledger.update', $ledger->id) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')

            @if ($errors->any())
                <div class="alert alert-solid alert-danger d-flex align-items-center" role="alert">
                    <i class="fe fe-alert-circle me-2"></i>
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <!-- Card 1: Basic Information -->
            <div class="mb-4 shadow-sm card">
                <div class="text-white card-header bg-primary">
                    <h3 class="mb-0 card-title"><i class="fe fe-info me-2"></i>Store Information</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <label for="name" class="form-label font-weight-semibold">Store Name <span class="text-danger">*</span></label>
                            <input type="text" name="name" id="name" class="form-control" value="{{ old('name', $ledger?->store?->name) }}" placeholder="Store name" disabled>
                            @error('name') <span class="text-danger">{{ $message }}</span> @enderror
                        </div>

                        <div class="mb-3 col-md-6">
                            <div class="mt-2">
                                <img id="logo-preview-img" src="{{ $ledger?->store?->logo ? asset($ledger?->store?->logo) : asset('frontend/no-image.jpg') }}" alt="Logo Preview" class="img-thumbnail" style="width: 80px; height: 80px; object-fit: cover;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <!-- Card 3: Address Details -->
            <div class="mb-4 shadow-sm card">
                <div class="text-white card-header bg-info">
                    <h3 class="mb-0 card-title"><i class="fe fe-map-pin me-2"></i>User Information</h3>
                </div>
                {{-- @if($ledger->transaction)
                <div class="card-body">
                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <label for="transaction_id" class="form-label font-weight-semibold">Go to transaction <span class="text-danger">*</span></label>
                            <input type="text" name="transaction_id" id="transaction_id" class="form-control" value="{{ old('transaction_id', $ledger->transaction?->id) }}" placeholder="Transaction ID" disabled>
                        </div>
                    </div>
                </div>
                @endif --}}
                <div class="card-body">
                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <label for="username" class="form-label font-weight-semibold">User Name</label>
                            <input type="text" name="username" id="username" class="form-control" value="{{ old('username', $ledger->transaction?->name) }}" placeholder="123 Main St">
                            @error('username') <span class="text-danger">{{ $message }}</span> @enderror
                        </div>

                        <div class="mb-3 col-md-3">
                            <label for="email" class="form-label font-weight-semibold">User Email <span class="text-danger">*</span></label>
                            <input type="email" name="email" id="email" class="form-control" value="{{ old('email', $ledger->transaction?->email) }}" placeholder="User Email" disabled>
                        </div>

                        <div class="mb-3 col-md-3">
                            <label for="phone" class="form-label font-weight-semibold">User Phone</label>
                            <input type="text" name="phone" id="phone" class="form-control" value="{{ old('phone', $ledger->transaction?->phone) }}" placeholder="Phone">
                            @error('phone') <span class="text-danger">{{ $message }}</span> @enderror
                        </div>

                        <div class="mb-3 col-md-6">
                            <label for="address" class="form-label font-weight-semibold">User Address</label>
                            <input type="text" name="address" id="address" class="form-control" value="{{ old('address', $ledger->transaction?->address) }}" placeholder="Address">
                            @error('address') <span class="text-danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                </div>
            </div>

            <!-- Card 3: Purchase Details -->
            <div class="mb-4 shadow-sm card">
                <div class="text-white card-header bg-info">
                    <h3 class="mb-0 card-title"><i class="fe fe-map-pin me-2"></i>Purchase Information</h3>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="mb-3 col-md-6">
                            <label for="total_amount" class="form-label font-weight-semibold">Total Amount <span class="text-danger">*</span></label>
                            <input type="text" name="total_amount" id="total_amount" class="form-control" value="{{ old('total_amount', $ledger->total_amount) }}" placeholder="123 Main St" required>
                            @error('total_amount') <span class="text-danger">{{ $message }}</span> @enderror
                        </div>

                        <div class="mb-3 col-md-3">
                            <label for="platform_fee" class="form-label font-weight-semibold">Platform Fee <span class="text-danger">*</span></label>
                            <input type="text" name="platform_fee" id="platform_fee" class="form-control" value="{{ old('platform_fee', $ledger->platform_fee) }}" placeholder="Platform Fee" disabled>
                        </div>

                        <div class="mb-3 col-md-3">
                            <label for="store_fee" class="form-label font-weight-semibold">Store fee <span class="text-danger">*</span></label>
                            <input type="text" name="store_fee" id="store_fee" class="form-control" value="{{ old('store_fee', $ledger->store_fee) }}" placeholder="Store Fee" disabled>
                        </div>

                        <div class="mb-3 col-md-3">
                            <label for="status" class="form-label font-weight-semibold">Status <span class="text-danger">*</span></label>
                            <select name="status" id="status" class="form-control">
                                <option value="pending" {{ old('status', $ledger->status) == 'pending' ? 'selected' : '' }}>Pending</option>
                                <option value="completed" {{ old('status', $ledger->status) == 'completed' ? 'selected' : '' }}>Completed</option>
                                <option value="trashed" {{ old('status', $ledger->status) == 'trashed' ? 'selected' : '' }}>Trashed</option>
                            </select>
                            @error('status') <span class="text-danger">{{ $message }}</span> @enderror
                        </div>

                        <div class="mb-3 col-md-3">
                            <label for="completed_at" class="form-label font-weight-semibold">Completed At</label>
                            <input type="date" name="completed_at" id="completed_at" class="form-control" value="{{ old('completed_at', $ledger->completed_at) }}" placeholder="Completed At">
                            @error('completed_at') <span class="text-danger">{{ $message }}</span> @enderror
                        </div>
                    </div>
                </div>
            </div>
            <div class="mb-4">
                <button type="submit" class="px-5 btn btn-primary"><i class="fe fe-save me-2"></i>Save Changes</button>
                <a href="{{ route('admin.store.ledger.index') }}" class="px-4 btn btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>

@endsection

@push('scripts')
<script>
    $(document).ready(function () {


    });
</script>
@endpush