@extends('admin.layout.masterV3', ['version' => 3, 'isV2' => false])
@section('title','ORDER TYPE')
@section('custom_style')
    @include('inventory.blade_styles.posting_blade_css')
@endsection
@section('content')   
    <div class="card sina-card">
        <div class="card-header">
            <div class="d-flex">
                <h4 class="col-md-6 pl-0">Create Order Type</h4> 
            </div>
        </div>  
        <div class="card-body">
            <form action="{{ route('restaurant.order_type.store') }}" enctype="multipart/form-data" method="post">
                @csrf 
                <div class="row g-3">
                    <div class="col-md-4">
                        <label>Name</label>
                        <input type="text" value="{{ old('name') }}" name="name" class="form-control" />
                        <input type="hidden" value="5" name="type" class="form-control" />
                        @if ($errors->has('name'))
                            <p class="error" style="color: red">{{ $errors->first('name') }}</p>
                        @endif
                    </div>
                    <div class="col-md-4">
                        <label>Service Charge</label>
                        <input type="number" value="{{ old('service_charge') }}" name="service_charge"
                            class="form-control" />
                        @if ($errors->has('service_charge'))
                            <p class="error" style="color: red">
                                {{ $errors->first('service_charge') }}</p>
                        @endif
                    </div>
                    <div class="col-md-4">
                        <label>Status</label>
                        <select class="form-control customSelect" name="status">
                            <option value="1">Active</option>
                            <option value="2">Inactive</option>
                        </select>
                    </div>
                </div> 
                <div class="d-flex justify-content-center mt-4" style="gap: 5px">
                    <a href="{{ route('restaurant.order_type.index') }}" type="button" id="but_upload" class="btn btn-danger px-4 me-2">Back</a>
                    <button type="submit" id="but_upload" class="btn btn-primary px-4">Submit</button>
                </div>
            </form>
        </div>
    </div>
@endsection
@section('script')
    <script>
        $(document).ready(function() {
            $('.customSelect').select2();
        });
    </script>
@endsection