@extends('layouts.master', ['title' => 'Edit Vendor'])
@section('style')
    <link rel="stylesheet" href="{{ asset('assets/css/custom.css') }}" />
@endsection

@section('contents')
   
    <form action="{{ route('vendors.update') }}" method="post">
        @csrf
        <div class="d-none">
            <input type="hidden" name="id" value="{{ $vendor->id }}">
            <input type="hidden" name="role_id" value="{{ $role->id }}">
        </div>
        <div class="row">
            <div class="col-12">
                <div class="panel">
                    <div class="panel-header">
                        <h4 class="mt-1">Vendor Details</h4>
                        <div>
                            <ul class="breadcrumb">
                                <li> @if (auth()->user()->role->role_name == "hr")
                                    <a href="{{route('hr_dashboard')}}">Dashboard</a>
                                    @endif
                                </li>
                                <li><a href="{{ route('vendors.index') }}" >Vendor List</a></li>
                                <li>Edit Vendor </li>
                            </ul>
                        </div>
                    </div>

                    <div class="panel-body">
                        <div class="row g-3">
                            <div class="col-xxl-6 col-lg-6 col-sm-6">
                                <label for="first_name" class="form-label">First Name <span class="text-danger"> **
                                    </span></label>
                                <input type="text" name="first_name" class="form-control form-control-sm"
                                    value="{{ $vendor->user->first_name }}" maxlength="20" required>
                                @error('first_name')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-xxl-6 col-lg-6 col-sm-6">
                                <label for="last_name" class="form-label">Last Name <span class="text-danger"> ** </span>
                                </label>
                                <input type="text" name="last_name" class="form-control form-control-sm"
                                    value="{{ $vendor->user->last_name }}" maxlength="20" required>
                                @error('last_name')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-xxl-6 col-lg-6 col-sm-6">
                                <label for="contact" class="form-label">Contact<span class="text-danger"> ** </span>
                                </label>
                                <input type="number" id="contact" name="phone" class="form-control"
                                    value="{{ $vendor->user->phone }}">
                                @error('phone')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-xxl-6 col-lg-6 col-sm-6">
                                <label for="dob" class="form-label">Date of Birth <span class="text-danger"> **
                                    </span></label>
                                <input type="date" id="dob" name="dob" class="form-control"
                                    value="{{ $vendor->user->dob }}">
                                @error('dob')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-xxl-6 col-lg-6 col-sm-6">
                                <label for="email" class="form-label">Email <span class="text-danger"> ** </span>
                                </label>
                                <input type="email" name="email" class="form-control form-control-sm"
                                    value="{{ $vendor->user->email }}">
                                @error('email')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-xxl-6 col-lg-6 col-sm-6">
                                <label for="company_name" class="form-label">Company Name <span class="text-danger"> **
                                    </span> </label>
                                <select name="company_id" class="form-select" required>
                                    <option value="">Select Company</option>
                                    @foreach ($companies as $company)
                                        <option value="{{ $company->id }}"
                                            {{ $vendor->user->company_id == $company->id ? 'selected' : '' }}>
                                            {{ $company->name }}</option>
                                    @endforeach
                                </select>
                                @error('company_id')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-xxl-12 col-lg-12 col-sm-12">
                                <label for="address" class="form-label">Address <span class="text-danger"> ** </span>
                                </label>
                                <textarea name="address" class="form-control form-control-sm">{{ $vendor->address }}</textarea>
                                @error('address')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="col-12 d-flex justify-content-end">
                <a href="{{ route('vendors.index') }}" class="btn btn-sm btn-primary mx-2">Cancel</a>
                <button type="submit" class="btn btn-sm btn-primary">Submit <i
                        class="fa-solid fa-arrow-right"></i></button>
            </div>
        </div>
    </form>
@endsection