@extends('admin.layouts.app')
@section('content')

    <form method="post" action="{{ isset($bar->id) ? route('bar.update', $bar->id) : route('bar.store') }}" name="frmaddedit"
        id="frmaddedit">
        <div class="row mx-0 mb-3">
            <div class="col-lg-6">
                <h1 class="bar-title">
                    {{ isset($bar->id) ? __('bar.editpagetitle') : __('bar.addpagetitle') }}
                </h1>
            </div>
            <div class="col-lg-6 d-flex justify-content-lg-end justify-content-center align-items-center">
                <div class="top-btn-box">
                    <div class="top-btn-box d-flex">
                        @if (isset($bar->id) && $bar->users->count() > 0)
                            <a tabindex="500" id="btnviewlawyer" href="{{ route('student.list') . '?bar_id=' . $bar->id }}"
                                class="btn btn-sm btn-info mr-1">
                                <span>{{ __('bar.viewalllawyers') }}</span></a>
                        @endif
                        <a tabindex="500" id="btncancel" href="{{ route('bar.index') }}"
                            class="btn btn-sm btn-dark mr-1"><em class="icon-close-icon top-icon"></em>
                            <span>{{ __('common.cancel') }}</span></a>
                        <button tabindex="900" type="submit" class="btn btn-sm btn-primary mr-1" id="btnsave"
                            name="btnsave" value='save'><em class="icon-save_icon top-icon"></em>
                            <span>{{ __('common.save') }}</span></button>
                        <button tabindex="900" type="submit" class="btn btn-sm btn-primary mr-1" id="btnsave"
                            name="btnsave" value='savecontinue'><em class="icon-save_icon top-icon"></em>
                            <span>{{ __('common.savecontinue') }}</span></button>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            @csrf
            @if (isset($bar->id))
                @method('PUT')
            @endif
            <div class="row">
                <div class="col-md-12">
                    <h2>{{ __('bar.bar_content') }}</h2>
                </div>
            </div>
            <div class="row">
                <div class="form-group col-md-4 d-flex flex-column">
                    <div class="d-flex align-items-center">
                        <label for="state_id" class="mb-0 mr-2" style="min-width: 120px;">
                            {{ __('bar.state_id') }}<span class="text-danger">*</span>
                        </label>
                        <div class="w-100">
                            <select id="state_id" type="text"
                                class="form-control barfield @error('state_id') is-invalid @enderror" name="state_id"
                                data-validator-label="state" data-validator="required" tabindex="4"
                                @if (isset($bar->id)) style="pointer-events: none; background-color: #e9ecef;" @endif>
                                <option value>Select {{ __('bar.state_id') }}</option>
                                @foreach ($states as $state_id => $state)
                                    <option @if (old('state_id', $bar->state_id) == $state_id) selected="selected" @endif
                                        value="{{ $state_id }}" data-name="{{ $state }}">{{ $state }}
                                    </option>
                                @endforeach
                            </select>
                            <div class="errormessage text-danger small mt-1">
                                @error('state_id')
                                    {{ $message }}
                                @enderror
                            </div>
                        </div>
                    </div>

                    <input id="state_name" type="hidden" class="form-control @error('state_name') is-invalid @enderror"
                        name="state_name" value="{{ old('state_name', $bar->state_name) }}" tabindex="3">
                </div>


                @if (isset($bar->id))
                    <div class="form-group col-md-4 d-flex align-items-center">
                        <label for="status" class="mb-0 mr-2" style="min-width: 120px;">{{ __('bar.status') }}</label>
                        <div class="flex-grow-1">
                            @component('admin.component.status_dropdown', [
                                'refModel' => 'bar',
                                'status' => $bar->status,
                                'required' => false,
                                'default' => 1,
                                'tabindex' => 5,
                                'label_req' => 0,
                            ])
                            @endcomponent
                        </div>
                    </div>
                @endif
                <div class="form-group col-md-4"></div>
            </div>

            <div class="row">
                <!-- Cycle Length -->
                <div class="form-group col-md-4 d-flex flex-column">
                    <div class="d-flex align-items-center">
                        <label for="cycle_length" class="mb-0 mr-2" style="min-width: 120px;">
                            {{ __('bar.cycle_length') }}<span class="text-danger">*</span>
                        </label>
                        <div class="w-100">
                            <select id="cycle_length" type="text"
                                class="form-control @error('cycle_length') is-invalid @enderror" name="cycle_length"
                                data-validator="required" tabindex="18">
                                <option value>Select {{ __('bar.cycle_length') }}</option>
                                @foreach (config('cyclelength') as $length)
                                    <option value="{{ $length }}"
                                        {{ (int) old('cycle_length', $bar->cycle_length) === $length ? 'selected' : '' }}>
                                        {{ $length }}
                                    </option>
                                @endforeach
                            </select>
                            <div class="errormessage text-danger small mt-1">
                                @error('cycle_length')
                                    {{ $message }}
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Online Credits Allowed -->
                <div class="form-group col-md-4 d-flex flex-column">
                    <div class="d-flex align-items-center">
                        <label for="online_credits_allowed" class="mb-0 mr-2" style="min-width: 120px;">
                            {{ __('bar.online_credits_allowed') }}<span class="text-danger">*</span>
                        </label>
                        <div class="w-100">
                            <input id="online_credits_allowed" type="text"
                                class="form-control @error('online_credits_allowed') is-invalid @enderror"
                                name="online_credits_allowed"
                                value="{{ old('online_credits_allowed', $bar->online_credits_allowed) }}"
                                data-validator="required" data-mask='000' tabindex="3">
                            <div class="errormessage text-danger small mt-1">
                                @error('online_credits_allowed')
                                    {{ $message }}
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Shortest Length Accepted -->
                <div class="form-group col-md-4 d-flex flex-column">
                    <div class="d-flex align-items-center">
                        <label for="shortest_length_accepted" class="mb-0 mr-2" style="min-width: 120px;">
                            {{ __('bar.shortest_length_accepted') }}<span class="text-danger">*</span>
                        </label>
                        <div class="w-100">
                            <select id="shortest_length_accepted" type="text"
                                class="form-control @error('shortest_length_accepted') is-invalid @enderror"
                                name="shortest_length_accepted" data-validator="required" tabindex="18">
                                <option value>Select {{ __('bar.shortest_length_accepted') }}</option>
                                @foreach (config('lengthInMinutes') as $length)
                                    <option value="{{ $length }}"
                                        {{ (int) old('shortest_length_accepted', $bar->shortest_length_accepted) === $length ? 'selected' : '' }}>
                                        {{ $length }}
                                    </option>
                                @endforeach
                            </select>
                            <div class="errormessage text-danger small mt-1">
                                @error('shortest_length_accepted')
                                    {{ $message }}
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>


            </div>

            <div class="row">
                <div class="form-group col-md-4 d-flex flex-column">
                    <div class="d-flex align-items-center">
                        <label for="compliance_deadline" class="mb-0 mr-2"
                            style="min-width: 120px;">{{ __('bar.compliance_deadline') }}</label>
                        <div class="w-100">
                            <input id="compliance_deadline" type="text"
                                class="form-control @error('compliance_deadline') is-invalid @enderror datepicker"
                                name="compliance_deadline"
                                value="{{ old('compliance_deadline', $bar->compliance_deadline != null ? \Carbon\Carbon::parse($bar->compliance_deadline)->format(config('app.db_date_format')) : null) }}">

                            <div class="errormessage">
                                @error('compliance_deadline')
                                    {{ $message }}
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group col-md-4 d-flex flex-column">
                    <div class="d-flex align-items-center">
                        <label class="mb-0 mr-2" style="min-width: 120px;">{{ __('bar.reporting_deadline') }}<span class="text-danger">*</span></label>
                        <div class="w-100">
                            <div class="d-flex">
                                <select id="reporting_deadline_month" name="reporting_deadline_month" class="form-control mr-2 @error('reporting_deadline_month') is-invalid @enderror" data-skip-validation="true" style="max-width: 120px;">
                                    <option value="">MM</option>
                                    @for ($m = 1; $m <= 12; $m++)
                                        <option value="{{ $m }}" {{ (int) old('reporting_deadline_month', $bar->reporting_deadline_month) === $m ? 'selected' : '' }}>{{ sprintf('%02d', $m) }}</option>
                                    @endfor
                                </select>
                                <select id="reporting_deadline_day" name="reporting_deadline_day" class="form-control @error('reporting_deadline_day') is-invalid @enderror" data-skip-validation="true" style="max-width: 120px;">
                                    <option value="">DD</option>
                                    @for ($d = 1; $d <= 31; $d++)
                                        <option value="{{ $d }}" {{ (int) old('reporting_deadline_day', $bar->reporting_deadline_day) === $d ? 'selected' : '' }}>{{ sprintf('%02d', $d) }}</option>
                                    @endfor
                                </select>
                            </div>
                            <div class="errormessage text-danger small mt-1">
                                @error('reporting_deadline_month')
                                    {{ $message }}
                                @enderror
                                @error('reporting_deadline_day')
                                    {{ $message }}
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
                <div id="provider_number_container" class="form-group col-md-4 flex-column" style="display:none;">
                    <div class="d-flex align-items-center">
                        <label for="provider_number">{{ __('bar.provider_number') }}<span
                                class="text-danger">*</span></label>
                        <div class="w-100">
                            <input id="provider_number" type="text"
                                class="form-control @error('provider_number') is-invalid @enderror" name="provider_number"
                                value="{{ old('provider_number', $bar->provider_number) }}" data-mask='00000000000'
                                tabindex="3">

                            <div class="errormessage">
                                @error('provider_number')
                                    {{ $message }}
                                @enderror
                            </div>
                        </div>
                    </div>
                </div>
            </div>




            {{-- <div class="form-group col-md-4">
                    <label for="general">{{ __('bar.general') }}<span class="text-danger">*</span></label>
                    <input id="general" type="text"
                        class="form-control barfield @error('general') is-invalid @enderror" name="general"
                        data-validator="required" data-mask='00000' value="{{ old('general', $bar->general) }}"
                        tabindex="4">

                    <div class="errormessage">
                        @error('general')
                            {{ $message }}
                        @enderror
                    </div>

                </div>
                <div class="form-group col-md-4">
                    <label for="ethics">{{ __('bar.ethics') }}<span class="text-danger">*</span></label>
                    <input id="ethics" type="text" data-mask='00000'
                        class="form-control barfield @error('ethics') is-invalid @enderror" name="ethics"
                        value="{{ old('ethics', $bar->ethics) }}" data-validator="required" tabindex="4">

                    <div class="errormessage">
                        @error('ethics')
                            {{ $message }}
                        @enderror
                    </div>

                </div> --}}


            <div class="row">
                <div class="form-group col-md-4">
                    <label>{{ __('bar.cle_mandatory') }}</label>
                    <label class="switch ml-2">
                        @if (isset($bar->cle_mandatory) && $bar->cle_mandatory == 1)
                            {{ $checkedcl = 1 }}
                        @else
                            {{ $checkedcl = old('cle_mandatory') }}
                        @endif
                        <input type="checkbox" id="cle_mandatory" name="cle_mandatory" value="1"
                            {{ $checkedcl != '' ? 'checked' : '' }} tabindex="4">
                        <span class="slider round"></span>
                    </label>
                    <div class="errormessage"> @error('cle_mandatory')
                            {{ $message }}
                        @enderror
                    </div>
                </div>
                <div class="form-group col-md-4">
                    <label>{{ __('bar.voluntary_bar') }}</label>
                    <label class="switch ml-2">
                        @if (isset($bar->voluntary_bar) && $bar->voluntary_bar == 1)
                            {{ $checked = 1 }}
                        @else
                            {{ $checked = old('voluntary_bar') }}
                        @endif
                        <input type="checkbox" id="voluntary_bar" name="voluntary_bar" value="1"
                            {{ $checked != '' ? 'checked' : '' }} tabindex="4">
                        <span class="slider round"></span>
                    </label>
                    <div class="errormessage"> @error('voluntary_bar')
                            {{ $message }}
                        @enderror
                    </div>
                </div>

                <div class="form-group col-md-4">
                    <label>{{ __('bar.podcast_accepted') }}</label>
                    <label class="switch ml-2">
                        @if (isset($bar->podcast_accepted) && $bar->podcast_accepted == 1)
                            {{ $checkedpa = 1 }}
                        @else
                            {{ $checkedpa = old('podcast_accepted') }}
                        @endif
                        <input type="checkbox" id="podcast_accepted" name="podcast_accepted" value="1"
                            {{ $checkedpa != '' ? 'checked' : '' }} tabindex="4">
                        <span class="slider round"></span>
                    </label>
                    <div class="errormessage">
                        @error('podcast_accepted')
                            {{ $message }}
                        @enderror
                    </div>
                </div>
                <div class="form-group col-md-4">
                    <label>{{ __('bar.auto_credit_upload') }}</label>
                    <label class="switch ml-2">
                        @if (isset($bar->auto_credit_upload) && $bar->auto_credit_upload == 1)
                            {{ $checkedacu = 1 }}
                        @else
                            {{ $checkedacu = old('auto_credit_upload') }}
                        @endif
                        <input type="checkbox" id="auto_credit_upload" name="auto_credit_upload" value="1"
                            {{ $checkedacu != '' ? 'checked' : '' }} tabindex="4">
                        <span class="slider round"></span>
                    </label>
                    <div class="errormessage">
                        @error('auto_credit_upload')
                            {{ $message }}
                        @enderror
                    </div>
                </div>
                <div class="form-group col-md-4">
                    <label>{{ __('bar.self_reporting') }}</label>
                    <label class="switch ml-2">
                        @if (isset($bar->self_reporting) && $bar->self_reporting == 1)
                            {{ $checkedcl = 1 }}
                        @else
                            {{ $checkedcl = old('self_reporting') }}
                        @endif
                        <input type="checkbox" id="self_reporting" name="self_reporting" value="1"
                            {{ $checkedcl != '' ? 'checked' : '' }} tabindex="4">
                        <span class="slider round"></span>
                    </label>
                    <div class="errormessage"> @error('self_reporting')
                            {{ $message }}
                        @enderror
                    </div>
                </div>
                <div class="form-group col-md-4">
                    <label>{{ __('bar.provider_number_needed') }}</label>
                    <label class="switch ml-2">
                        @if (isset($bar->provider_number_needed) && $bar->provider_number_needed == 1)
                            {{ $checkedcl = 1 }}
                        @else
                            {{ $checkedcl = old('provider_number_needed') }}
                        @endif
                        <input type="checkbox" id="provider_number_needed" name="provider_number_needed" value="1"
                            {{ $checkedcl != '' ? 'checked' : '' }} tabindex="4">
                        <span class="slider round"></span>
                    </label>
                    <div class="errormessage"> @error('provider_number_needed')
                            {{ $message }}
                        @enderror
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="form-group col-md-4">
                    <label for="carry_over_credits">
                        {{ __('bar.carry_over_credits') }}
                        <i class="fa fa-info-circle" id="carryOverInfoIcon" style="cursor:pointer;"
                            title="More info"></i>
                    </label>
                    <textarea id="carry_over_credits" type="text"
                        class="form-control @error('carry_over_credits') is-invalid @enderror" name="carry_over_credits" maxlength="500"
                        readonly tabindex="4">{{ old('carry_over_credits', $bar->carry_over_credits) }}</textarea>
                    <div class="errormessage">
                        @error('carry_over_credits')
                            {{ $message }}
                        @enderror
                    </div>

                </div>
                <div class="form-group col-md-4">
                    <label for="rounding_mins_on_a_hour">{{ __('bar.rounding_mins_on_a_hour') }}</label>
                    <textarea id="rounding_mins_on_a_hour" type="text"
                        class="form-control @error('rounding_mins_on_a_hour') is-invalid @enderror" name="rounding_mins_on_a_hour"
                        maxlength="500" tabindex="4">{{ old('rounding_mins_on_a_hour', $bar->rounding_mins_on_a_hour) }}</textarea>
                    <div class="errormessage">
                        @error('rounding_mins_on_a_hour')
                            {{ $message }}
                        @enderror
                    </div>

                </div>
                <div class="form-group col-md-4">
                    <label for="course_accreditation_fee">{{ __('bar.course_accreditation_fee') }}</label>
                    <textarea id="course_accreditation_fee" type="text"
                        class="form-control @error('course_accreditation_fee') is-invalid @enderror" name="course_accreditation_fee"
                        maxlength="500" tabindex="4">{{ old('course_accreditation_fee', $bar->course_accreditation_fee) }}</textarea>
                    <div class="errormessage">
                        @error('course_accreditation_fee')
                            {{ $message }}
                        @enderror
                    </div>

                </div>
            </div>
            <div class="row">
                <div class="form-group col-md-4">
                    <label for="credit_upload_method">{{ __('bar.credit_upload_method') }}</label>
                    <textarea id="credit_upload_method" type="text"
                        class="form-control @error('credit_upload_method') is-invalid @enderror" name="credit_upload_method"
                        maxlength="500" tabindex="4">{{ old('credit_upload_method', $bar->credit_upload_method) }}</textarea>
                    <div class="errormessage">
                        @error('credit_upload_method')
                            {{ $message }}
                        @enderror
                    </div>

                </div>
                <div class="form-group col-md-4">
                    <label for="specific_guidelines">{{ __('bar.specific_guidelines') }}</label>
                    <textarea id="specific_guidelines" type="text"
                        class="form-control @error('specific_guidelines') is-invalid @enderror" name="specific_guidelines"
                        tabindex="4">{{ old('specific_guidelines', $bar->specific_guidelines) }}</textarea>
                    <div class="errormessage">
                        @error('specific_guidelines')
                            {{ $message }}
                        @enderror
                    </div>

                </div>
                <div class="form-group col-md-4">
                    <label for="completion_popup_message">{{ __('bar.completion_popup_message') }}</label>
                    <textarea id="completion_popup_message" type="text"
                        class="form-control @error('completion_popup_message') is-invalid @enderror" name="completion_popup_message"
                        tabindex="4">{{ old('completion_popup_message', $bar->completion_popup_message) }}</textarea>
                    <div class="errormessage">
                        @error('completion_popup_message')
                            {{ $message }}
                        @enderror
                    </div>

                </div>
            </div>
            <hr>
            <div class="row mb-3">
                <div class="col-md-12">
                    <div class="d-flex justify-content-between align-items-center mb-2">
                        <h2 class="mb-0">{{ __('bar.speciality_requirements') }}</h2>
                        <button type="button" class="btn btn-primary" id="add-specialty">+</button>
                    </div>
                    <div class="row">
                        <div class="form-group col-md-3">
                            <label for="hours_needed_per_cycle">{{ __('bar.hours_needed_per_cycle') }}<span
                                    class="text-danger">*</span></label>
                            <input id="hours_needed_per_cycle" type="text"
                                class="form-control @error('hours_needed_per_cycle') is-invalid @enderror"
                                name="hours_needed_per_cycle"
                                value="{{ old('hours_needed_per_cycle', $bar->hours_needed_per_cycle) }}"
                                data-validator-label="hours needed per cycle" data-validator="required|max:100"
                                data-mask='000' tabindex="3" readonly>

                            <div class="errormessage">
                                @error('hours_needed_per_cycle')
                                    {{ $message }}
                                @enderror
                            </div>
                        </div>
                    </div>
                    {{-- <h2>Specialty Requirements</h2> --}}

                    <div class="row" id="specialty-rows">
                        @php
                            $specialtyIndex = 0;
                            $duplicateIds = session('duplicate_specialty_ids', []);
                        @endphp
                        @if (!empty($bar_specialities) && count($bar_specialities) > 0)
                            @foreach ($bar_specialities as $specialty)
                                <div class="col-md-4 specialty-row mb-2" data-index="{{ $specialtyIndex }}">
                                    <div class="input-group">
                                        <select name="specialty_courses[{{ $specialtyIndex }}][specialty_course_id]"
                                            class="form-control" @if (isset($bar->id)) style="pointer-events: none; background-color: #e9ecef;" @endif>
                                            <option value="">Select Specialty</option>
                                            @foreach ($specialty_courses as $course)
                                                <option value="{{ $course->id }}"
                                                    {{ old("specialty_courses.$specialtyIndex.specialty_course_id", $specialty->specialty_course_id) == $course->id ? 'selected' : '' }}>
                                                    {{ $course->type_of_course }}
                                                </option>
                                            @endforeach
                                        </select>
                                        <input type="text" data-mask='000'
                                            name="specialty_courses[{{ $specialtyIndex }}][number_of_required_credits]"
                                            class="form-control ml-2"
                                            value="{{ $specialty->number_of_required_credits }}">
                                        <div class="input-group-append">
                                            <button type="button" class="btn btn-danger remove-specialty"
                                                tabindex="-1">-</button>
                                        </div>
                                    </div>
                                    @if (isset($duplicateIds[$specialtyIndex]))
                                        <div class="errormessage">{{ $duplicateIds[$specialtyIndex] }}</div>
                                    @endif
                                </div>
                                @php $specialtyIndex++; @endphp
                            @endforeach
                        @endif
                    </div>
                    <div class="errormessage mb-2">
                        @error('specialty_courses')
                            <div class="errormessage">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
            </div>
            <hr>
            @if (Auth::user()->user_type_id == 1)
                <div class="row">
                    <div class="col-md-12">
                        <h2>{{ __('bar.subscription_details') }}</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-4 d-flex align-items-center">
                        <label class="mb-0 mr-2" style="min-width: 120px;"
                            for="annual_price_stripe_price_id">{{ __('bar.annual_price_stripe_price_id') }}<span
                                class="text-danger">*</span></label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">$</span>
                            </div>
                            <input type="text" class="form-control" name="annual_price_stripe_price_id"
                                id="annual_price_stripe_price_id"
                                value="{{ getStripePriceByProductId($bar->annual_price_stripe_price_id ?? '', 'annual_price') > 0 ? getStripePriceByProductId($bar->annual_price_stripe_price_id ?? '', 'annual_price') : 0 }}"
                                data-validator="required" min="0" data-mask='000.00'>
                        </div>
                        <input type="hidden" name="other_annual_price_name" id="other_annual_price_name"
                            value="{{ old('other_annual_price_name', $bar->other_annual_price_name ?? '') }}">
                        <input type="hidden" name="other_annual_price_amount" id="other_annual_price_amount"
                            value="{{ old('other_annual_price_amount', $bar->other_annual_price_amount ?? '') }}">
                        <div class="errormessage">
                            @error('annual_price_stripe_price_id')
                                {{ $message }}
                            @enderror
                        </div>
                    </div>
                    <div class="form-group col-md-4 d-flex align-items-center">
                        <label class="mb-0 mr-2" style="min-width: 120px;"
                            for="hourly_price_stripe_price_id">{{ __('bar.hourly_price_stripe_price_id') }}<span
                                class="text-danger">*</span></label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">$</span>
                            </div>
                            <input type="text" class="form-control" name="hourly_price_stripe_price_id"
                                id="hourly_price_stripe_price_id"
                                value="{{ getStripePriceByProductId($bar->hourly_price_stripe_price_id ?? '', 'hourly_price') > 0 ? getStripePriceByProductId($bar->hourly_price_stripe_price_id ?? '', 'hourly_price') : 0 }}"
                                data-validator="required" min="0" data-mask='000.00'>
                        </div>
                        <input type="hidden" name="other_hourly_price_name" id="other_hourly_price_name"
                            value="{{ old('other_hourly_price_name', $bar->other_hourly_price_name ?? '') }}">
                        <input type="hidden" name="other_hourly_price_amount" id="other_hourly_price_amount"
                            value="{{ old('other_hourly_price_amount', $bar->other_hourly_price_amount ?? '') }}">
                        <div class="errormessage">
                            @error('hourly_price_stripe_price_id')
                                {{ $message }}
                            @enderror
                        </div>
                    </div>
                    <div class="form-group col-md-4 d-flex align-items-center">
                        <label for="submission_fee_type">{{ __('bar.submission_fee_type') }}<span
                                class="text-danger">*</span></label>
                        <select class="form-control" name="submission_fee_type" id="submission_fee_type"
                            data-validator="required">
                            <option value="flat"
                                {{ old('submission_fee_type', $bar->submission_fee_type) == 'flat' ? 'selected' : '' }}>
                                {{ __('bar.submission_fee_type_flat') }}</option>
                            <option value="per_hour"
                                {{ old('submission_fee_type', $bar->submission_fee_type) == 'per_hour' ? 'selected' : '' }}>
                                {{ __('bar.submission_fee_type_per_hour') }}</option>
                        </select>
                        <div class="errormessage">
                            @error('submission_fee_type')
                                {{ $message }}
                            @enderror
                        </div>
                    </div>
                    <div class="form-group col-md-4"></div>
                    <div class="form-group col-md-4"></div>
                    <div class="form-group col-md-4 d-flex align-items-center">
                        <label for="submission_fees_stripe_price_id">{{ __('bar.submission_fees_stripe_price_id') }}<span
                                class="text-danger">*</span></label>
                        @php
                            $submissionFeeValue = $bar->submission_fees_stripe_price_id ?? '';
                        @endphp
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">$</span>
                            </div>
                            <input type="text" class="form-control" name="submission_fees_stripe_price_id"
                                id="submission_fees_stripe_price_id"
                                value="{{ getStripePriceByProductId($submissionFeeValue, 'submission_fees') > 0 ? getStripePriceByProductId($submissionFeeValue, 'submission_fees') : 0 }}"
                                data-validator="required" min="0" data-mask='000.00'>
                        </div>
                        <input type="hidden" name="other_submission_fees_name" id="other_submission_fees_name"
                            value="{{ old('other_submission_fees_name', $bar->other_submission_fees_name ?? '') }}">
                        <input type="hidden" name="other_submission_fees_amount" id="other_submission_fees_amount"
                            value="{{ old('other_submission_fees_amount', $bar->other_submission_fees_amount ?? '') }}">
                        <div class="errormessage">
                            @error('submission_fees_stripe_price_id')
                                {{ $message }}
                            @enderror
                        </div>
                    </div>
                </div>
            @endif

            <hr>
            <div>
                <h2>{{ __('bar.available_content') }}</h2>

                <div class="top-btn-box col-12" id="action_btns">
                    <div class="top-btn-box d-flex justify-content-end align-items-center h-100 ">
                        <a href="javascript:void(0)" class="btn btn-primary mr-1 btn-sm active-btn" id="active-btn"
                            title="{{ __('common.active') }}">
                            <em class="icon-radiobutton_checked top-icon"></em>
                            <span class="btn-title">{{ __('common.active') }}</span>
                        </a>
                        <a href="javascript:void(0)" class="btn btn-primary mr-1 btn-sm inactive-btn" id="inactive-btn"
                            title="{{ __('common.inactive') }}">
                            <em class="icon-radio_button_unchecked top-icon"></em>
                            <span class="btn-title">{{ __('common.inactive') }}</span>
                        </a>
                    </div>
                </div>
                <div id="activate-error-message" class="text-danger"></div>
                <div class="errormessage">
                    @error('content_status')
                        {{ $message }}
                    @enderror
                </div>
                <div class="table-responsive">
                    <table data-orders="0" defaultdir="desc" data-target="0" class="admintable table table-hover mb-0"
                        aria-describedby="DataTableDesc" style="width: 100%">
                        <thead>
                            <tr>
                                <th class="hide" scope="col">

                                </th>
                                @if (canUserAccess('manage-content'))
                                    <th class="active-box status-column" scope="col">
                                        <em class="sort"></em>
                                    </th>
                                    <th class="check-box nosort" scope="col">
                                        <div class="custom-control custom-checkbox text-center">
                                            <input type="checkbox" class="custom-control-input" name="selectAll"
                                                id="selectAll" onclick="customCheckAll();">
                                            <label class="custom-control-label" for="selectAll"></label>
                                        </div>
                                    </th>
                                @endif
                                <th scope="col" class="control nosort">
                                    <!-- this blank column is responsive controll -->
                                </th>
                                <th scope="col">
                                    <span>{{ __('content.podcast_title') }}</span>
                                </th>
                                <th scope="col">
                                    <span>{{ __('content.specialty_req') }}</span>
                                </th>
                                {{-- <th scope="col">
                                        <span>{{ __('content.approved_states') }}</span>
                                    </th> --}}
                                <th scope="col">
                                    <span>{{ __('content.length') }}</span>
                                </th>
                                <th scope="col">
                                    <span>{{ __('content.number_of_episodes') }}</span>
                                </th>
                                {{-- <th scope="col">
                                        <span>{{ __('content.create_on') }}</span>
                                    </th> --}}
                                <th scope="col">
                                    <span>{{ __('content.practice_areas') }}</span>
                                </th>
                                <th scope="col">
                                    <span>{{ __('content.published_on') }}</span>
                                </th>
                                {{-- <th scope="col">
                                        <span>{{ __('content.updated-at') }}</span>
                                    </th> --}}
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $invalidContentIds = session('invalid_content_ids', []);
                            @endphp
                            @foreach ($contents as $content)
                                @php
                                    $fileLengths = $content->contentFiles->pluck('length')->toArray();
                                    $isBarInactive = isset($bar->status) && $bar->status != 1;
                                @endphp
                                <tr
                                    data-content-id="{{ $content->id }}"
                                    data-file-lengths="{{ implode(',', $fileLengths) }}"
                                    data-podcast-length="{{ $content->lengthOfPodcast() }}"
                                    @if(in_array($content->id, $invalidContentIds)) class="table-danger @if($isBarInactive) bar-inactive-row @endif" @elseif($isBarInactive) class="bar-inactive-row" @endif
                                >
                                    <td class="active-box hide">
                                        <em style="display:none">{{ $content->id }}</em>
                                    </td>
                                    @if (canUserAccess('manage-content'))
                                        <td class="active-box">
                                            @php
                                                $contentState = $bar->contentsStates
                                                    ->where('contents_id', $content->id)
                                                    ->first();
                                            @endphp
                                            <span
                                                class="sort {{ ($contentState ? $contentState->status : $content->status) == 1 ? 'active' : 'inactive' }} content-status-indicator"
                                                data-content-id="{{ $content->id }}"></span>
                                        </td>
                                        <td class="check-box">
                                            <div class="custom-control custom-checkbox text-center">
                                                <input type="checkbox" class="custom-control-input chkbox action-checkbox"
                                                    id="filled-in-box_{{ $content->id }}" name="contentstate_id[]"
                                                    value="{{ optional($bar->contentsStates->where('contents_id', $content->id)->first())->id ?? $content->id }}"
                                                    data-podcast-length="{{ $content->lengthOfPodcast() }}"
                                                    @if(is_array(old('contentstate_id')) && in_array(optional($bar->contentsStates->where('contents_id', $content->id)->first())->id ?? $content->id, old('contentstate_id')))
                                                        checked
                                                    @endif
                                                    @if($isBarInactive) disabled @endif
                                                >
                                                <label class="custom-control-label"
                                                    for="filled-in-box_{{ $content->id }}"></label>
                                            </div>
                                            <input type="hidden" name="content_status[{{ $content->id }}]"
                                                id="content_status_{{ $content->id }}"
                                                value="{{ old('content_status.'.$content->id, $contentState ? $contentState->status : $content->status) }}">
                                        </td>
                                    @endif
                                    <td></td>
                                    <td>
                                        <a href="{{ route('content.edit', ['content' => $content->id]) }}" @if($isBarInactive) tabindex="-1" style="pointer-events:none; color:#aaa;" @endif>{{ $content->podcast_title }}</a>
                                    </td>
                                    <td>
                                        @php
                                            $selectedSpecialty = $barContentSpecialties[$content->id] ?? '';
                                        @endphp
                                        <select name="content_specialty[{{ $content->id }}]" class="form-control" @if($isBarInactive) disabled @endif>
                                            <option value="">Select Specialty</option>
                                            @foreach ($specialty_courses as $course)
                                                <option value="{{ $course->id }}"
                                                    {{ $selectedSpecialty == $course->id ? 'selected' : '' }}>
                                                    {{ $course->type_of_course }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </td>
                                    {{-- <td>{{ $content->approve_state_name }}</td> --}}
                                    <td>{{ $content->lengthOfPodcast() }} mins
                                    </td>
                                     <td>{{ $content->contentFiles->count() }}
                                    </td>
                                    {{-- <td>{{ $content->created_at }}</td> --}}
                                    <td>{{ $content->category?->name }}</td>
                                    <td
                                        data-sort="{{ \Carbon\Carbon::parse($content->published_on)->format('Y/m/d H:i:s') }}">
                                        {{ $content->published_on }}
                                    </td>
                                </tr>
                            @endforeach
                            @if ($contents->total() == 0)
                                <tr class="noreocrd">
                                    <td colspan="9" class="text-center">
                                        {{ __('content.no_result') }}
                                    </td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </form>

    <!-- Carry Over Credits Info Modal -->
    <div class="modal fade" id="carryOverCreditsModal" tabindex="-1" role="dialog"
        aria-labelledby="carryOverCreditsModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="carryOverCreditsModalLabel">Carry Over Credits Info</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <textarea id="carryOverCreditsModalTextarea" class="form-control" maxlength="500"></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="saveCarryOverCredits">Save</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <style>
.bar-inactive-row {
    opacity: 0.6;
    pointer-events: none;
    background: #f5f5f5;
}
</style>
    <script>
        function updateHiddenPriceFields() {
            let stateName = $('#state_id').find('option:selected').data('name') || '';
            $('#other_annual_price_name').val('{{ getEnvPrefix() }}' + 'Package Price-' + stateName);
            $('#other_annual_price_amount').val($('#annual_price_stripe_price_id').val());
            $('#other_hourly_price_name').val('{{ getEnvPrefix() }}' + 'Hourly Price-' + stateName);
            $('#other_hourly_price_amount').val($('#hourly_price_stripe_price_id').val());
            $('#other_submission_fees_name').val('{{ getEnvPrefix() }}' + 'Submission Fees-' + stateName);
            $('#other_submission_fees_amount').val($('#submission_fees_stripe_price_id').val());
        }

        $(document).ready(function() {
            // Initialize hidden fields on page load
            updateHiddenPriceFields();

            // When any price input changes, update hidden fields
            $(document).on('input', '#annual_price_stripe_price_id', function() {
                updateHiddenPriceFields();
            });
            $(document).on('input', '#hourly_price_stripe_price_id', function() {
                updateHiddenPriceFields();
            });
            $(document).on('input', '#submission_fees_stripe_price_id', function() {
                updateHiddenPriceFields();
            });
            // When state changes, update hidden fields
            $(document).on('change', '#state_id', function() {
                updateHiddenPriceFields();
            });

            function toggleProviderNumber() {
                // Check initial value from backend for edit
                var isChecked = $('#provider_number_needed').is(':checked');
                // If the checkbox exists and is checked, or if the backend value is 1, show the field
                if (isChecked ||
                    {{ isset($bar->provider_number_needed) && $bar->provider_number_needed == 1 ? 'true' : 'false' }}
                ) {
                    $('#provider_number_container').show();
                } else {
                    $('#provider_number_container').hide();
                }
            }

            // Initial check on page load
            toggleProviderNumber();

            // On checkbox change
            $('#provider_number_needed').change(function() {
                toggleProviderNumber();
            });
        });

        let specialtyIndex = {{ isset($specialtyIndex) ? $specialtyIndex : 0 }};
        const specialtyCourses = @json($specialty_courses);

        $(document).on('click', '#add-specialty', function() {
            let options = '<option value="">Select Specialty</option>';
            specialtyCourses.forEach(function(course) {
                options += `<option value="${course.id}">${course.type_of_course}</option>`;
            });
            let row = `<div class="col-md-4 specialty-row mb-2" data-index="${specialtyIndex}">
                    <div class="input-group">
                        <select name="specialty_courses[${specialtyIndex}][specialty_course_id]" class="form-control">${options}</select>
                        <input type="text" data-mask='000'
                            name="specialty_courses[${specialtyIndex}][number_of_required_credits]"
                            class="form-control ml-2">
                        <div class="input-group-append">
                            <button type="button" class="btn btn-danger remove-specialty" tabindex="-1">-</button>
                        </div>
                    </div>
                </div>`;
            $('#specialty-rows').append(row);
            specialtyIndex++;

            // Apply mask to the newly added input
            let $newInput = $(`#specialty-rows input[data-mask="000"]`).last();
            $newInput.mask('000');
        });

        $(document).on('click', '.remove-specialty', function() {
            $(this).closest('.specialty-row').remove();
            setTimeout(updateSpecialtySum, 100);
        });

        function updateSpecialtySum() {
            let sum = 0;
            $("input[name^='specialty_courses'][name$='[number_of_required_credits]']").each(function() {
                let val = parseInt($(this).val());
                if (!isNaN(val)) sum += val;
            });
            $('#hours_needed_per_cycle').val(sum);
        }

        $(document).on('input', "input[name^='specialty_courses'][name$='[number_of_required_credits]']", function() {
            updateSpecialtySum();
        });
        $(document).on('click', '#add-specialty, .remove-specialty', function() {
            setTimeout(updateSpecialtySum, 100); // update after DOM changes
        });
        $(document).ready(function() {
            updateSpecialtySum();
        });

        $(document).ready(function() {
            // Open modal and set textarea value
            $('#carryOverInfoIcon').on('click', function() {
                var currentValue = $('#carry_over_credits').val();
                $('#carryOverCreditsModalTextarea').val(currentValue);
                $('#carryOverCreditsModal').modal('show');
            });
            // Save value from modal to main textarea
            $('#saveCarryOverCredits').on('click', function() {
                var newValue = $('#carryOverCreditsModalTextarea').val();
                $('#carry_over_credits').val(newValue);
                $('#carryOverCreditsModal').modal('hide');
            });
        });

        $(document).on("change", "input.action-checkbox[name='contentstate_id[]']", function() {
            if ($("input.action-checkbox[name='contentstate_id[]']").filter(":checked").length > 0) {
                console.log('selected')
                $("#action_btns").removeClass("hide");
            } else {
                $("#action_btns").addClass("hide");
            }

            if (
                $("input.action-checkbox[name='contentstate_id[]']").filter(":checked").length ==
                $("input.action-checkbox[name='contentstate_id[]']").length
            ) {
                $("#selectAll").prop("checked", true);
            } else {
                $("#selectAll").prop("checked", false);
            }
        });

        $(document).ready(function() {
            // When Active/Inactive is clicked, update hidden input for checked rows
            $("#active-btn").on("click", function(e) {
                e.preventDefault();
                $("#activate-error-message").hide().text(""); // Hide previous error

                var shortestLength = parseInt($("#shortest_length_accepted").val());
                var hasError = false;

                $("input.action-checkbox[name='contentstate_id[]']:checked").each(function() {
                    var row = $(this).closest('tr');
                    var fileLengths = row.data("file-lengths").toString().split(',').map(Number);
                    var shortestLength = parseInt($("#shortest_length_accepted").val(), 10) * 60; // convert minutes to seconds

                    // If any file is too short, block activation
                    var hasShortFile = fileLengths.some(function(len) {
                        return len < shortestLength;
                    });
                    if (hasShortFile) {
                        hasError = true;
                        return false; // break loop
                    }
                });

                if (hasError) {
                    $("#activate-error-message").show().text(
                        "Please check selected podcasts. All files for a podcast must be at least the minimum length required for the state."
                    );
                    return;
                }

                $("input.action-checkbox[name='contentstate_id[]']:checked").each(function() {
                    var row = $(this).closest('tr');
                    var contentId = row.find('.content-status-indicator').data('content-id');
                    $("#content_status_" + contentId).val(1);
                    row.find('.content-status-indicator').removeClass('inactive').addClass(
                        'active');
                });
            });
            $("#inactive-btn").on("click", function(e) {
                e.preventDefault();
                $("input.action-checkbox[name='contentstate_id[]']:checked").each(function() {
                    var row = $(this).closest('tr');
                    var contentId = row.find('.content-status-indicator').data('content-id');
                    $("#content_status_" + contentId).val(0);
                    row.find('.content-status-indicator').removeClass('active').addClass(
                        'inactive');
                });
            });
        });
    </script>
@endsection