@extends('restaurant.pos.layout.master')

@section('custom_css')

@endsection

@section('content')
    <style>
        
    </style>


    <div class="card rounded-0">
        <div class="card-header d-flex justify-content-between align-items-center icon-triangle lt rounded-0">
            <h4 class="col-6 pl-0">Waiter Create</h4>
            
            <a href="{{ route('restaurant.pos.waiter.index') }}" class="btn btn-sm btn-warning d-flex" type="button" name="button">
                <i class="bi bi-plus-lg me-1"></i>
                <div class="">List</div>
            </a>
        </div>

        <div class="card-body">
            <form action="{{ route('restaurant.waiter.store') }}" enctype="multipart/form-data" method="post">
                @csrf

                <div class="row g-3">
                    <div class="col-lg-6">
                        <div class="row g-3">
                            <div class="col-12">
                                <label>Waiter Name</label>
                                <input type="text" value="@if (isset($edit)){{ $edit->name }}@else{{ old('name') }}@endif" name="name" class="form-control" />
            
                                <input type="hidden" value="@if (isset($edit)){{ $edit->id }}@endif" name="id" class="form-control" />
                                @if ($errors->has('name'))
                                    <p class="error" style="color: red">{{ $errors->first('name') }}</p>
                                @endif
                            </div>

                            <div class="col-12">
                                <label>Address</label>
                                <textarea name="address" id="address" class="form-control">@if (isset($edit)){{ $edit->address }}@else{{ old('address') }}@endif</textarea>
    
                                @if ($errors->has('icon'))
                                    <p class="error" style="color: red">{{ $errors->first('icon') }}</p>
                                @endif
                            </div>

                            <div class="col-12">
                                <label>Status</label>
                                <select class="form-select" name="status">
                                    <option value="1" @if (isset($edit)) {{ $edit->status == 1 ? 'selected' : '' }} @endif>Active</option>
                                    <option value="2" @if (isset($edit)) {{ $edit->status == 2 ? 'selected' : '' }} @endif>Inactive</option>
                                </select>
                            </div>
    
                            <div class="col-12">
                                <button type="submit" id="but_upload" class="btn btn-danger px-4">Submit</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div> 
    </div>
@endsection


@section('custom_js')
    <script>
        
    </script>
@endsection