@extends('layouts.app')

@section('title', 'View Vendor')

@section('content')

@section('content')

@component('components.breadcrumb')
@slot('li_1') Vendors @endslot
@slot('title') View Vendor @endslot
@endcomponent

<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-4">Vendor Details</h4>
                @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-check-all me-2"></i>
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif

                @if (session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <i class="mdi mdi-block-helper me-2"></i>
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
                @endif
                <form autocomplete="off" action="{{ route('vendor.update', encrypt($vendor->id)) }}" method="POST">
                    @csrf
                    <div class="row">

                        {{-- Name (Must follow IC) --}}
                        <div class="col-md-12 mb-3">
                            <label class="form-label">Name (Must follow IC) <span class="text-danger">*</span></label>
                            <input type="text" class="form-control text-uppercase @error('name') is-invalid @enderror" name="name" value="{{ old('name', $vendor->name) }}" required>
                            @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        {{-- Email --}}
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Email <span class="text-danger">*</span></label>
                            <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email', $vendor->email) }}" required>
                            @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        {{-- NRIC --}}
                        <div class="col-md-6 mb-3">
                            <label class="form-label">NRIC <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('nric') is-invalid @enderror" name="nric" value="{{ old('nric', $vendor->national_id) }}" required>
                            @error('nric') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        {{-- Mobile --}}
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Mobile <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text">+60</span>
                                <input type="text" class="form-control @error('mobile') is-invalid @enderror" name="mobile" value="{{ old('mobile', $vendor->mobile_phone) }}" required placeholder="123456789">
                            </div>
                            @error('mobile') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        {{-- Home Phone --}}
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Home Phone</label>
                            <div class="input-group">
                                <span class="input-group-text">+60</span>
                                <input type="text" class="form-control @error('home_phone') is-invalid @enderror" name="home_phone" value="{{ old('home_phone', $vendor->home_phone) }}" placeholder="123456789">
                            </div>
                            @error('home_phone') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        {{-- Address Line 1 --}}
                        <div class="mb-3">
                            <label class="form-label">Address Line 1 <span class="text-danger">*</span></label>
                            <input required type="text" class="form-control @error('address_line_1') is-invalid @enderror" name="address_line_1" value="{{ old('address_line_1', $vendor->home_address_1) }}">
                            @error('address_line_1') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        {{-- Address Line 2 --}}
                        <div class="mb-3">
                            <label class="form-label">Address Line 2</label>
                            <input type="text" class="form-control @error('address_line_2') is-invalid @enderror" name="address_line_2" value="{{ old('address_line_2', $vendor->home_address_2) }}">
                            @error('address_line_2') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        {{-- Postcode --}}
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Postcode <span class="text-danger">*</span></label>
                            <input required type="text" class="form-control @error('postcode') is-invalid @enderror" id="postcode" name="postcode" value="{{ old('postcode', $vendor->home_postcode) }}">
                            @error('postcode') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        {{-- City --}}
                        <div class="col-md-4 mb-3">
                            <label class="form-label">City <span class="text-danger">*</span></label>
                            <input required type="text" class="form-control @error('city') is-invalid @enderror" id="city" name="city" value="{{ old('city', $vendor->home_city) }}">
                            @error('city') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        {{-- State --}}
                        <div class="col-md-4 mb-3">
                            <label class="form-label">State <span class="text-danger">*</span></label>
                            <select required class="form-select select2 @error('state') is-invalid @enderror" id="state" name="state">
                                <option value="">Choose...</option>
                                @foreach($states as $state)
                                <option value="{{ $state->code }}" {{ old('state', $vendor->home_state) == $state->code ? 'selected' : '' }}>{{ $state->name }}</option>
                                @endforeach
                            </select>
                            @error('state') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>

                        {{-- Status --}}
                        <div class="col-md-4 mb-3">
                            <label class="form-label">Status <span class="text-danger">*</span></label>
                            <select class="form-select @error('status') is-invalid @enderror" name="status" required>
                                <option value="1" {{ $vendor->status == 'active' ? 'selected' : '' }}>Active</option>
                                <option value="0" {{ $vendor->status == 'inactive' ? 'selected' : '' }}>Inactive</option>
                            </select>
                            @error('status') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                    </div>

                    <button type="submit" class="btn btn-primary w-md">Save Vendor</button>
                    <a href="{{ route('vendor.index') }}" class="btn btn-secondary">Cancel</a>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection