@extends('layouts.admin')

@section('title', 'Create Branch')
@section('content-header', 'Create Branch')

@section('content')

    <div class="card">
        <div class="card-body">

            <form action="{{ route('branches.store') }}" method="POST" enctype="multipart/form-data">
                @csrf

                <h5><u>Branch Information</u></h5>

                <div class="form-group">
                    <label for="branch_id">Branch ID</label>
                    <input type="text" name="branch_id" class="form-control @error('branch_id') is-invalid @enderror" id="branch_id" placeholder="Branch ID" minlength="3" maxlength="3" value="{{ old('branch_id') }}">
                    <small><span style="color: red; font-weight: bold">ALERT! Once registered Branch ID cannot be change.</span></small>
                    @error('branch_id')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="description">Branch Description</label>
                    <input type="text" name="description" class="form-control @error('description') is-invalid @enderror" id="description" placeholder="Outlet Description" value="{{ old('description') }}">
                    @error('description')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="address_1">Address Line 1</label>
                    <input type="text" name="address_1" class="form-control @error('address_1') is-invalid @enderror" id="address_1" placeholder="Address Line 1" value="{{ old('address_1') }}">
                    @error('address_1')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="address_2">Address Line 2</label>
                    <input type="text" name="address_2" class="form-control @error('address_2') is-invalid @enderror" id="address_2" placeholder="Address Line 2" value="{{ old('address_2') }}">
                    @error('address_2')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="postcode">Postcode</label>
                    <input type="text" name="postcode" class="form-control @error('postcode') is-invalid @enderror" id="postcode" placeholder="Postcode" maxlength="5" value="{{ old('postcode') }}">
                    @error('postcode')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="city">City</label>
                    <input type="text" name="city" class="form-control @error('city') is-invalid @enderror" id="city" placeholder="City" value="{{ old('city') }}">
                    @error('city')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="state">State</label>
                    <select name="state" class="form-control @error('state') is-invalid @enderror" id="state">
                        <option>-SELECT-</option>
                        <option value="JOHOR" {{ old('state') === 'JOHOR' ? 'selected' : ''}}>Johor</option>
                        <option value="KEDAH" {{ old('state') === 'KEDAH' ? 'selected' : ''}}>Kedah</option>
                        <option value="KELANTAN" {{ old('state') === 'KELANTAN' ? 'selected' : ''}}>Kelantan</option>
                        <option value="KUALA LUMPUR" {{ old('state') === 'KUALA LUMPUR' ? 'selected' : ''}}>Kuala Lumpur</option>
                        <option value="LABUAN" {{ old('state') === 'LABUAN' ? 'selected' : ''}}>Labuan</option>
                        <option value="MELAKA" {{ old('state') === 'MELAKA' ? 'selected' : ''}}>Melaka</option>
                        <option value="NEGERI SEMBILAN" {{ old('state') === 'NEGERI SEMBILAN' ? 'selected' : ''}}>Negeri Sembilan</option>
                        <option value="PAHANG" {{ old('state') === 'PAHANG' ? 'selected' : ''}}>Pahang</option>
                        <option value="PENANG" {{ old('state') === 'PENANG' ? 'selected' : ''}}>Penang</option>
                        <option value="PERAK" {{ old('state') === 'PERAK' ? 'selected' : ''}}>Perak</option>
                        <option value="PERLIS" {{ old('state') === 'PERLIS' ? 'selected' : ''}}>Perlis</option>
                        <option value="PUTRAJAYA" {{ old('state') === 'PUTRAJAYA' ? 'selected' : ''}}>Putrajaya</option>
                        <option value="SABAH" {{ old('state') === 'SABAH' ? 'selected' : ''}}>Sabah</option>
                        <option value="SARAWAK" {{ old('state') === 'SARAWAK' ? 'selected' : ''}}>Sarawak</option>
                        <option value="SELANGOR" {{ old('state') === 'SELANGOR' ? 'selected' : ''}}>Selangor</option>
                        <option value="TERENGGANU" {{ old('state') === 'TERENGGANU' ? 'selected' : ''}}>Terengganu</option>
                    </select>
                    @error('state')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="telephone_number">Telephone Number</label>
                    <input type="text" name="telephone_number" class="form-control @error('telephone_number') is-invalid @enderror" id="telephone_number" placeholder="Telephone Number" maxlength="11" value="{{ old('telephone_number') }}">
                    @error('telephone_number')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="fax_number">Fax Number</label>
                    <input type="text" name="fax_number" class="form-control @error('fax_number') is-invalid @enderror" id="fax_number" placeholder="Fax Number" maxlength="11" value="{{ old('fax_number') }}">
                    @error('fax_number')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="company_registration">Company Registration</label>
                    <input type="text" name="company_registration" class="form-control @error('company_registration') is-invalid @enderror" id="company_registration" placeholder="Company Registration" maxlength="10" value="{{ old('company_registration') }}">
                    @error('company_registration')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>


                <div class="form-group">
                    <label for="server_ip">Server IP</label>
                    <input type="text" name="server_ip" class="form-control @error('server_ip') is-invalid @enderror" id="server_ip" placeholder="Server IP" maxlength="10" value="{{ old('server_ip') }}">
                    @error('server_ip')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <hr>

                <h5><u>Branch Details (Tax)</u></h5>

                <div class="form-group">
                    <label for="sst_id">SST ID</label>
                    <input type="text" name="sst_id" class="form-control @error('sst_id') is-invalid @enderror" id="sst_id" placeholder="SST ID" maxlength="20" value="{{ old('sst_id') }}">
                    @error('sst_id')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="tax_type">Tax Type</label>
                    <select name="tax_type" class="form-control @error('tax_type') is-invalid @enderror" id="tax_type">
                        <option disabled selected>-SELECT-</option>
                        <option value="1" {{ old('tax_type') == 1 ? 'selected' : ''}}>Inclusive</option>
                        <option value="2" {{ old('tax_type') == 2 ? 'selected' : ''}}>Exclusive</option>
                    </select>
                    @error('tax_type')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <hr>

                <h5><u>Branch Details (Miscellaneous)</u></h5>

                <div class="form-group">
                    <label for="tissue_price">TIssue Price (RM)</label>
                    <input type="text" name="tissue_price" class="form-control @error('tissue_price') is-invalid @enderror" id="tissue_price" placeholder="Tissue Price" value="{{ old('tissue_price', 0.00) }}">
                    @error('tissue_price')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="plastic_price">Plastic Price (RM)</label>
                    <input type="text" name="plastic_price" class="form-control @error('plastic_price') is-invalid @enderror" id="plastic_price" placeholder="Plastic Price" value="{{ old('plastic_price', 0.00) }}">
                    @error('plastic_price')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="cutlery_price">Cutlery Price (RM)</label>
                    <input type="text" name="cutlery_price" class="form-control @error('cutlery_price') is-invalid @enderror" id="cutlery_price" placeholder="Cutlery Price" value="{{ old('cutlery_price', 0.00) }}">
                    @error('cutlery_price')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="miscellaneous_type">Miscellaneous Type (Tissue/Plastic/Cutlery)</label>
                    <select name="miscellaneous_type" class="form-control @error('miscellaneous_type') is-invalid @enderror" id="miscellaneous_type">
                        <option disabled selected>-SELECT-</option>
                        <option value="1" {{ old('miscellaneous_type') == 1 ? 'selected' : ''}}>Inclusive</option>
                        <option value="2" {{ old('miscellaneous_type') == 2 ? 'selected' : ''}}>Exclusive</option>
                    </select>
                    @error('miscellaneous_type')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <hr>

                <h5><u>Branch Details (Accounting)</u></h5>

                <div class="form-group">
                    <label for="base_license">Base License (RM)</label>
                    <input type="text" name="base_license" class="form-control @error('base_license') is-invalid @enderror" id="base_license" placeholder="Base License" value="{{ old('base_license', 0.00) }}">
                    @error('base_license')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="percentage_gto">Percentage On GTO (%)</label>
                    <input type="text" name="percentage_gto" class="form-control @error('percentage_gto') is-invalid @enderror" id="percentage_gto" placeholder="Percentage On GTO" value="{{ old('percentage_gto', 0.00) }}">
                    @error('percentage_gto')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="pro_rated_base_license">Pro-Rated Base License (RM)</label>
                    <input type="text" name="pro_rated_base_license" class="form-control @error('pro_rated_base_license') is-invalid @enderror" id="pro_rated_base_license" placeholder="Pro-Rated Base License" value="{{ old('pro_rated_base_license', 0.00) }}">
                    @error('pro_rated_base_license')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <hr>

                <h5><u>Branch Details (Receipt & Order Setting)</u></h5>
                <br>
                <div class="form-group">
                    <label for="default_order_printout_qty">Default Order Quantity Printout</label>
                    <small><span style="color: red; font-weight: bold">* Only for Service Type: Table Service</span></small>
                    <small><span style="color: red; font-weight: bold">* Minimum Number 1 and Maximum Number 5.</span></small>
                    <input type="number" name="default_order_printout_qty" class="form-control @error('default_order_printout_qty') is-invalid @enderror" id="default_order_printout_qty" min="1" max="5" value="1">
                    @error('default_order_printout_qty')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <br>

                <label>Payment Type Quantity Printout</label>
                <small><span style="color: red; font-weight: bold">* Minimum Number 1 and Maximum Number 5.</span></small>
                <table class="table">
                    <tr>
                        <th>Media Type</th>
                        <th>Receipt Printout Number</th>
                        <th>Order Printout Number</th>
                    </tr>
                    @foreach($mmedia as $media)
                        @if($media->status == 1)
                            <tr>
                                <td>{{ $media->media_type }}</td>
                                <td><input type="number" name="receipt_printout_qty[]" class="form-control" min="1" max="5" value="1"></td>
                                <td><input type="number" name="order_printout_qty[]" class="form-control" min="1" max="5" value="1"></td>
                            </tr>
                        @elseif($media->status == 0)
                            <input type="hidden" name="receipt_printout_qty[]" value="1">
                            <input type="hidden" name="order_printout_qty[]" value="1">
                        @endif
                    @endforeach
                </table>

                <div class="form-group">
                    <label for="receipt_item_setting">Receipt Item Printout</label>
                    <select name="receipt_item_setting" class="form-control @error('receipt_item_setting') is-invalid @enderror" id="receipt_item_setting">
                        <option disabled selected>-SELECT-</option>
                        <option value="1" {{ old('receipt_item_setting') == 1 ? 'selected' : ''}}>Show All Add-ons</option>
                        <option value="2" {{ old('receipt_item_setting') == 2 ? 'selected' : ''}}>Show Add-ons with Amount Only</option>
                    </select>
                    @error('receipt_item_setting')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                    @enderror
                </div>

                <hr>

                <h5><u>Order Type Details (Sub-Order Type)</u></h5>

                <div class="form-group">
                    <label for="miscellaneous">Sub-Order Type</label>
                    @foreach($sub_order_types as $sub_order_type)
                    <ul class="data-listing">
                        <li class="data-element">
                            <div class="row">
                                <div class="col-8">
                                    <span style="margin: 10px;">{{ $sub_order_type['sub_order_type'] }}</span>
                                </div>
                                <div class="col-4" style="text-align: right">
                                    <input type="checkbox" name="sub_order_dine_in[]" id="sub_order_type_list" class="data-checkbox" value="{{ $sub_order_type['sub_order_type'] }}">DINE-IN &nbsp;
                                    <input type="checkbox" name="sub_order_take_away[]" id="sub_order_type_list" class="data-checkbox" value="{{ $sub_order_type['sub_order_type'] }}">TAKE AWAY &nbsp;
                                    <input type="checkbox" name="sub_order_delivery[]" id="sub_order_type_list" class="data-checkbox" value="{{ $sub_order_type['sub_order_type'] }}">DELIVERY
                                </div>
                            </div>
                        </li>
                    </ul>
                    @endforeach
                </div>

                <button class="btn btn-primary float-right" type="submit">Create</button>

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

@endsection