@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 Gold</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">Branch Master</h6>
                            </div>
                        </div>
                        <form action="{{ url('branch/insert') }}" class="outer-repeater" method="POST" id="insert_form">
                            @csrf
                            <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" required>
                                            <option>Select Company Name</option>
                                            @foreach ($companies as $company)
                                                <option value="{{ $company->id }}">{{ $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>Located Country</label>
                                        <select class="form-control select2" name="country" id="country">
                                            <option>Select Located Country</option>
                                            <option>Alkaram Pakistan </option>
                                            <option>Alkaram Dubai</option>
                                            <option>Alkaram Oman</option>
                                        </select>
                                        @if ($errors->has('country'))
                                            <div class="alert alert-danger">
                                                {{ $errors->first('country') }}
                                            </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">
                                        @if ($errors->has('name'))
                                            <div class="alert alert-danger">
                                                {{ $errors->first('name') }}
                                            </div>
                                        @endif
                                    </div>
                                </div>


                                <div class="col-md-2 custveri price" >
                                    <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" unchecked id="myCheck" onclick="myFunction()">
                                        <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>IT & Accessories</option>
                                            <option>Mobile & Accessories</option>
                                            <option>Food Stuff</option>
                                            <option>Building Materials</option>
                                            <option>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"  required
                                            name="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" required
                                            name="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" required>

                                        {{-- @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" unchecked>
                                        <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">

                                    </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">
                                    </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">
                                    </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">
                                    </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"
                                        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"
                                        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"
                                        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"
                                        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"
                                        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 class="col-md-2">
                            <div class="custom-control custom-switch mb-2" dir="ltr">
                                <input type="checkbox" form="insert_form" class="custom-control-input selectallUsers"
                                    id="selectallUsers" unchecked>
                                <label class="custom-control-label titlcust" for="selectallUsers">Show User<label>
                            </div>
                            @forelse ($permissions->where('type','user') as $permission)
                                <div class="custom-control custom-switch mb-2" dir="ltr">
                                    <input value="{{ $permission->id }}" name="permissions[]" type="checkbox"
                                        form="insert_form" class="custom-control-input user"
                                        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">Save & Next</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() {
            $('#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>
      <script>
        function myFunction() {
            var checkBox = document.getElementById("myCheck");
            var pricehidden1 = document.getElementById("pricehidden1");
            var pricehidden2 = document.getElementById("pricehidden2");
            var pricehidden3 = document.getElementById("pricehidden3");

            if (checkBox.checked == true) {
                pricehidden1.style.display = "none";
                pricehidden2.style.display = "none";
                pricehidden3.style.display = "none";
            } else {
                pricehidden1.style.display = "block";
                pricehidden2.style.display = "block";
                pricehidden3.style.display = "block";
            }
        }
    </script>
@endsection