@extends('layouts.superadmin')
@section('content')

        <div class="row">
            <div class="col-12">
                <div class="page-title-box d-flex align-items-center justify-content-between">
                    <h4 class="page-title mb-0 font-size-18">Dashboard</h4>

                    <div class="page-title-right">
                        <ol class="breadcrumb m-0">
                            <h4 class="page-title mb-0 font-size-18">Powered By Ledgematic</h4>
                        </ol>
                    </div>

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

        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <h6 class="card-title mb-4 titlcust">Edit Branch Master</h6>
                            </div>

                        </div>
                        <!-- <div class="col-4"> -->
                        <form action="{{ route('superadmin.branches.update', ['branch' => $branch->id]) }}"
                            class="outer-repeater" method="POST" id="insert_form">

                            @csrf
                            @method('put')
                            <div class="row">

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="control-label">Company Name</label>
                                        <select class="form-control select2" name="company_id" id="company">
                                            <option>Select Company Name</option>
                                            @foreach ($companies as $company)
                                                <option value="{{ $company->id }}"
                                                    {{ $branch->company_id == $company->id ? 'selected' : '' }}>
                                                    {{ $company->name }}({{ $company->country }})</option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('company_id'))
                                            <div class="alert alert-danger">
                                                {{ $errors->first('company_id') }}
                                            </div>
                                        @endif
                                    </div>
                                </div>


                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Branch</label>
                                        <input class="form-control" type="text" name="name" placeholder="Enter Branch"
                                            id="example-password-input" value="{{ $branch->name }}">
                                        @if ($errors->has('name'))
                                            <div class="alert alert-danger">
                                                {{ $errors->first('name') }}
                                            </div>
                                        @endif
                                    </div>
                                </div>


                                <div class="col-md-2 custveri price" id="pricehidden1">
                                    <div class="custom-control custom-switch mb-2" dir="ltr">
                                        <input type="checkbox" form="insert_form" class="custom-control-input"
                                            name="type" id="customSwitchtest" value="test"
                                            {{ $branch->type == 'test' ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="customSwitchtest">Test
                                        </label>
                                        @if ($errors->has('type'))
                                            <div class="alert alert-danger">
                                                {{ $errors->first('type') }}
                                            </div>
                                        @endif
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label class="control-label">Software</label>
                                        <select class="form-control select2" name="software">
                                            <option selected disabled>Select</option>
                                            {{-- <option value="Crusher" {{ $branch->software == 'Crusher' ? 'selected' : '' }}>Crusher</option> --}}
                                            <option value="IT & Accessories" {{ $branch->software == 'IT & Accessories' ? 'selected' : '' }}>IT & Accessories</option>
                                            <option value="Mobile & Accessories" {{ $branch->software == 'Mobile & Accessories' ? 'selected' : '' }}>Mobile & Accessories</option>
                                            <option value="Food Stuff" {{ $branch->software == 'Food Stuff' ? 'selected' : '' }}>Food Stuff</option>
                                            <option value="Building Materials" {{ $branch->software == 'Building Materials' ? 'selected' : '' }}>Building Materials</option>
                                            <option value="Car paint" {{ $branch->software == 'Car paint' ? 'selected' : '' }}>Car paint</option>
                                        </select>
                                        @if ($errors->has('software'))
                                            <div class="alert alert-danger">
                                                {{ $errors->first('software') }}
                                            </div>
                                        @endif
                                    </div>

                                </div>



                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Software Issue Date</label>
                                        <input class="form-control" type="date" pattern="\d{4}-\d{2}-\d{2}"
                                            name="issue_date" value="{{ $branch->issue_date }}">
                                        @if ($errors->has('issue_date'))
                                            <div class="alert alert-danger">
                                                {{ $errors->first('issue_date') }}
                                            </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Software Expiry Date</label>
                                        <input class="form-control" type="date" id="example-number-input"
                                            name="expiry_date" value="{{ $branch->expiry_date }}" pattern="dd/mm/yy">
                                        @if ($errors->has('expiry_date'))
                                            <div class="alert alert-danger">
                                                {{ $errors->first('expiry_date') }}
                                            </div>
                                        @endif
                                    </div>
                                </div>




                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Lieninancy</label>
                                        <input class="form-control" type="text" name="leniency"
                                            placeholder="Enter Leniency Time" id="example-number-input"
                                            value="{{ $branch->leniency }}">

                                        {{-- @if ($errors->has('leniency'))
                                        <div class="alert alert-danger">
                                            {{ $errors->first('leniency') }}
                                        </div>
                                    @endif --}}
                                    </div>
                                </div>
                                <div class="col-md-4 custveri">
                                    <div class="custom-control custom-switch mb-2" dir="ltr">
                                        <input type="checkbox" form="insert_form" class="custom-control-input"
                                            name="verification" id="customSwitch72" value="1"
                                            {{ $branch->verification == 1 ? 'checked' : '' }}>
                                        <label class="custom-control-label" for="customSwitch72">Verification
                                            For User</label>
                                    </div>
                                </div>
                                <!-- <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Currency ID</label>
                                        <input class="form-control" type="text" name="currency_id"
                                            placeholder="Enter Currency ID" id="example-number-input"
                                            value="{{ $branch->currency_id }}">

                                    </div>
                                </div> -->
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Currency Detail</label>
                                        <input class="form-control" type="text" name="currency_detail"
                                            placeholder="Enter Currency Detail" id="example-number-input"
                                            value="{{ $branch->currency_detail }}">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Currency Decimal</label>
                                        <input class="form-control" type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, '');" name="currency_decimal"
                                            placeholder="Enter Currency Decimal" id="example-number-input"
                                            value="{{ $branch->currency_decimal }}">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Minal Unit</label>
                                        <input class="form-control" type="text" name="minal_unit"
                                            placeholder="Enter Minal Unit" id="example-number-input"
                                            value="{{ $branch->minal_unit }}">
                                    </div>
                                </div>


                            </div>



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

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">
                    <!-- Start row -->
                    <div class="row">

                        <div class="col-md-2">
                            <div class="custom-control custom-switch mb-2" dir="ltr">
                                <input type="checkbox" form="insert_form" class="custom-control-input selectallMaster"
                                    id="selectallMaster" unchecked>
                                <label class="custom-control-label titlcust" for="selectallMaster">Master<label>
                            </div>
                            @forelse ($permissions->where('type','Master') as $permission)
                                <div class="custom-control custom-switch mb-2" dir="ltr">
                                    <input value="{{ $permission->id }}" name="permissions[]" type="checkbox"
                                    {{ in_array($permission->id, $branch->permissions->pluck('permission_id')->toArray()) ? 'checked' : '' }}
                                        form="insert_form" class="custom-control-input master"
                                        id="customSwitch{{ $permission->id }}"
                                        @if ($permission->enabled) checked @endif>
                                    <label class="custom-control-label titlcust" for="customSwitch{{ $permission->id }}">
                                        {{ ucwords(str_replace('-', ' ', $permission->name)) }}</label>
                                </div>
                            @empty
                            @endforelse
                        </div>

                        <div class="col-md-2">
                            <div class="custom-control custom-switch mb-2" dir="ltr">
                                <input type="checkbox" form="insert_form" class="custom-control-input selectallReports"
                                    id="selectallReports" unchecked>
                                <label class="custom-control-label titlcust" for="selectallReports">Reports<label>
                            </div>
                            @forelse ($permissions->where('type','Report') as $permission)
                                <div class="custom-control custom-switch mb-2" dir="ltr">
                                    <input value="{{ $permission->id }}" name="permissions[]" type="checkbox"
                                    {{ in_array($permission->id, $branch->permissions->pluck('permission_id')->toArray()) ? 'checked' : '' }}
                                        form="insert_form" class="custom-control-input reports"
                                        id="customSwitch{{ $permission->id }}"
                                        @if ($permission->enabled) checked @endif>
                                    <label class="custom-control-label titlcust" for="customSwitch{{ $permission->id }}">
                                        {{ ucwords(str_replace('-', ' ', $permission->name)) }}</label>
                                </div>
                            @empty
                            @endforelse
                        </div>

                        <div class="col-md-2">
                            <div class="custom-control custom-switch mb-2" dir="ltr">
                                <input type="checkbox" form="insert_form"
                                    class="custom-control-input selectallTransactions" id="selectallTransactions"
                                    unchecked>
                                <label class="custom-control-label titlcust"
                                    for="selectallTransactions">Transactions<label>
                            </div>
                            @forelse ($permissions->where('type','Transactions') as $permission)
                                <div class="custom-control custom-switch mb-2" dir="ltr">
                                    <input value="{{ $permission->id }}" name="permissions[]" type="checkbox"
                                    {{ in_array($permission->id, $branch->permissions->pluck('permission_id')->toArray()) ? 'checked' : '' }}
                                        form="insert_form" class="custom-control-input transactions"
                                        id="customSwitch{{ $permission->id }}"
                                        @if ($permission->enabled) checked @endif>
                                    <label class="custom-control-label titlcust" for="customSwitch{{ $permission->id }}">
                                        {{ ucwords(str_replace('-', ' ', $permission->name)) }}</label>
                                </div>
                            @empty
                            @endforelse
                        </div>

                        <div class="col-md-2">
                            <div class="custom-control custom-switch mb-2" dir="ltr">
                                <input type="checkbox" form="insert_form" class="custom-control-input selectallOthers"
                                    id="selectallOthers" unchecked>
                                <label class="custom-control-label titlcust" for="selectallOthers">Others<label>
                            </div>
                            @forelse ($permissions->where('type','Others') as $permission)
                                <div class="custom-control custom-switch mb-2" dir="ltr">
                                    <input value="{{ $permission->id }}" name="permissions[]" type="checkbox"
                                    {{ in_array($permission->id, $branch->permissions->pluck('permission_id')->toArray()) ? 'checked' : '' }}
                                        form="insert_form" class="custom-control-input others"
                                        id="customSwitch{{ $permission->id }}"
                                        @if ($permission->enabled) checked @endif>
                                    <label class="custom-control-label titlcust" for="customSwitch{{ $permission->id }}">
                                        {{ ucwords(str_replace('-', ' ', $permission->name)) }}</label>
                                </div>
                            @empty
                            @endforelse
                        </div>
                        <div class="col-md-2">
                            <div class="custom-control custom-switch mb-2" dir="ltr">
                                <input type="checkbox" form="insert_form"
                                    class="custom-control-input selectallPeriodClosing" id="selectallPeriodClosing"
                                    unchecked>
                                <label class="custom-control-label titlcust" for="selectallPeriodClosing">Period
                                    Closing<label>
                            </div>
                            @forelse ($permissions->where('type','period-closing') as $permission)
                                <div class="custom-control custom-switch mb-2" dir="ltr">
                                    <input value="{{ $permission->id }}" name="permissions[]" type="checkbox"
                                    {{ in_array($permission->id, $branch->permissions->pluck('permission_id')->toArray()) ? 'checked' : '' }}
                                        form="insert_form" class="custom-control-input period-closing"
                                        id="customSwitch{{ $permission->id }}"
                                        @if ($permission->enabled) checked @endif>
                                    <label class="custom-control-label titlcust" for="customSwitch{{ $permission->id }}">
                                        {{ ucwords(str_replace('-', ' ', $permission->name)) }}</label>
                                </div>
                            @empty
                            @endforelse
                        </div>
                    </div>
                    <button class="btn btn-cust1 float-right" form="insert_form" type="submit">Update</button>
                </div>
            </div>
        </div>
    </div>
    </form>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
    <script>
        $(document).ready(function() {

            var company_id = $('#company').val();
            if (company_id) {
                $.ajax({
                    type: 'GET',
                    url: '{{ url('get_countries') }}',
                    data: {
                        company_id: company_id
                    },
                    success: function(html) {
                        $('#country').html('<option value=' + html.country + '>' + html
                            .country + '</option>');
                    }
                });
            } else {
                $('#country').html('<option value="">Select Company First</option>');
            }

            $('#company').on('change', function() {
                var company_id = $(this).val();
                if (company_id) {
                    $.ajax({
                        type: 'GET',
                        url: '{{ url('get_countries') }}',
                        data: {
                            company_id: company_id
                        },
                        success: function(html) {
                            $('#country').html('<option value=' + html.country + '>' + html
                                .country + '</option>');
                        }
                    });
                } else {
                    $('#country').html('<option value="">Select Company First</option>');
                }
            });

            // Get the "Master" switch element and individual permission switch elements
            var selectAllMaster = document.getElementById('selectallMaster');
            var masterSwitches = document.querySelectorAll('.custom-control-input.master');

            // Add click event listener to "Master" switch
            selectAllMaster.addEventListener('click', function() {
                var isChecked = selectAllMaster.checked;

                // Set all individual permission switches based on the "Master" switch's state
                masterSwitches.forEach(function(switchElem) {
                    switchElem.checked = isChecked;
                });
            });

            // Get the "Reports" switch element and individual permission switch elements for reports
            var selectAllReports = document.getElementById('selectallReports');
            var reportSwitches = document.querySelectorAll('.custom-control-input.reports');

            // Add click event listener to "Reports" switch
            selectAllReports.addEventListener('click', function() {
                var isChecked = selectAllReports.checked;

                // Set all individual permission switches for reports based on the "Reports" switch's state
                reportSwitches.forEach(function(switchElem) {
                    switchElem.checked = isChecked;
                });
            });

            // Get the "Transactions" switch element and individual permission switch elements for transactions
            var selectallTransactions = document.getElementById('selectallTransactions');
            var transactionSwitches = document.querySelectorAll('.custom-control-input.transactions');

            // Add click event listener to "Transactions" switch
            selectallTransactions.addEventListener('click', function() {
                var isChecked = selectallTransactions.checked;

                // Set all individual permission switches for transactions based on the "Transactions" switch's state
                transactionSwitches.forEach(function(switchElem) {
                    switchElem.checked = isChecked;
                });
            });

            // Get the "Others" switch element and individual permission switch elements for others
            var selectallOthers = document.getElementById('selectallOthers');
            var otherSwitches = document.querySelectorAll('.custom-control-input.others');

            // Add click event listener to "Others" switch
            selectallOthers.addEventListener('click', function() {
                var isChecked = selectallOthers.checked;

                // Set all individual permission switches for others based on the "Others" switch's state
                otherSwitches.forEach(function(switchElem) {
                    switchElem.checked = isChecked;
                });
            });

            // Get the "Period Closing" switch element and individual permission switch elements for Period-closing
            var selectallPeriodClosing = document.getElementById('selectallPeriodClosing');
            var periodSwitches = document.querySelectorAll('.custom-control-input.period-closing');

            // Add click event listener to "Period Closing" switch
            selectallPeriodClosing.addEventListener('click', function() {
                var isChecked = selectallPeriodClosing.checked;

                // Set all individual permission switches for others based on the "Others" switch's state
                periodSwitches.forEach(function(switchElem) {
                    switchElem.checked = isChecked;
                });
            });

            // Get the "Show User" switch element and individual permission switch elements for Show User
            var selectallUsers = document.getElementById('selectallUsers');
            var userSwitches = document.querySelectorAll('.custom-control-input.user');

            // Add click event listener to "Show User" switch
            selectallUsers.addEventListener('click', function() {
                var isChecked = selectallUsers.checked;

                // Set all individual permission switches for others based on the "Others" switch's state
                userSwitches.forEach(function(switchElem) {
                    switchElem.checked = isChecked;
                });
            });
        });
    </script>
@endsection