@extends('operations.layout.mainlayout')

@section('content')
<div class="content-wrapper">
    <div class="content-header">
        <div class="container-fluid card">
            <div class="row mb-2">
                <div class="col-sm-6 card-body">
                    <h1 class="m-0 text-dark" style="color: var(--blazma-text)!important;">
                        @if(!empty($branch)) Edit Branch @else Add Branch @endif
                    </h1>
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="mx-auto col-md-10">
                    <div class="card">
                        <div class="card-body">
                            <form method="post" action="/operations/whitelabel/branch" id="branch-form">
                                <input type="hidden" name="ID" value="@if(!empty($branch->ID)){{$branch->ID}}@endif">
                                
                                <div class="row mb-3">
                                    <div class="col-md-4">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Language</span>
                                            </div>
                                            <select required class="form-control" name="LANG">
                                                <option value="">Select Language</option>
                                                <option value="ar" @if(!empty($branch->LANG) && $branch->LANG == 'ar') selected @endif>Arabic</option>
                                                <option value="en" @if(!empty($branch->LANG) && $branch->LANG == 'en') selected @endif>English</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">City</span>
                                            </div>
                                            <input required type="text" class="form-control" name="CITY" value="@if(!empty($branch->CITY)){{$branch->CITY}}@endif">
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Display Order</span>
                                            </div>
                                            <input required type="number" class="form-control" name="DISPLAY_ORDER" value="@if(!empty($branch->DISPLAY_ORDER)){{$branch->DISPLAY_ORDER}}@else 1 @endif">
                                        </div>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Branch Name</span>
                                            </div>
                                            <input required type="text" class="form-control" name="BRANCH_NAME" value="@if(!empty($branch->BRANCH_NAME)){{$branch->BRANCH_NAME}}@endif">
                                        </div>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <label>Address</label>
                                        <textarea required class="form-control" name="ADDRESS" rows="2">@if(!empty($branch->ADDRESS)){{$branch->ADDRESS}}@endif</textarea>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <label>Working Hours</label>
                                        <textarea required class="form-control" name="WORKING_HOURS" rows="2">@if(!empty($branch->WORKING_HOURS)){{$branch->WORKING_HOURS}}@endif</textarea>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-12">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Google Maps URL</span>
                                            </div>
                                            <input required type="text" class="form-control" name="GOOGLE_MAPS_URL" value="@if(!empty($branch->GOOGLE_MAPS_URL)){{$branch->GOOGLE_MAPS_URL}}@endif">
                                        </div>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Phone</span>
                                            </div>
                                            <input type="text" class="form-control" name="PHONE" value="@if(!empty($branch->PHONE)){{$branch->PHONE}}@endif">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Email</span>
                                            </div>
                                            <input type="email" class="form-control" name="EMAIL" value="@if(!empty($branch->EMAIL)){{$branch->EMAIL}}@endif">
                                        </div>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Latitude</span>
                                            </div>
                                            <input type="number" step="any" class="form-control" name="LATITUDE" value="@if(!empty($branch->LATITUDE)){{$branch->LATITUDE}}@endif">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">Longitude</span>
                                            </div>
                                            <input type="number" step="any" class="form-control" name="LONGITUDE" value="@if(!empty($branch->LONGITUDE)){{$branch->LONGITUDE}}@endif">
                                        </div>
                                    </div>
                                </div>

                                <div class="row mb-3">
                                    <div class="col-md-6">
                                        <div class="custom-control custom-switch custom-switch-on-info">
                                            <input type="checkbox" class="custom-control-input" id="IS_ACTIVE" name="IS_ACTIVE" @if(!empty($branch->IS_ACTIVE) && $branch->IS_ACTIVE == 1) checked @endif>
                                            <label class="custom-control-label" for="IS_ACTIVE">Active</label>
                                        </div>
                                    </div>
                                </div>

                                @menu('whitelabel_branch')
                                <div class="row">
                                    <div class="col" style="text-align: center">
                                        <input type="submit" class="btn btn-info" value="@if(!empty($branch->ID)) Update Branch @else Add Branch @endif">
                                    </div>
                                </div>
                                @endmenu
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection

@section('warehouse_scripts')
<script>
    $(document).ready(function() {
        $('#branch-form').on('submit', function(e) {
            e.preventDefault();
            var formData = $(this).serialize();

            $.ajax({
                url: '/operations/whitelabel/branch',
                type: 'POST',
                data: formData,
                success: function(response) {
                    if (response && response.success) {
                        window.location.href = '/operations/whitelabel/branch';
                    } else {
                        alert('Error saving branch: ' + (response && response.message ? response.message : 'Unknown error'));
                    }
                },
                error: function(xhr) {
                    var message = (xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Error saving branch';
                    alert(message);
                }
            });
        });
    });
</script>
@endsection