@php
    $electricity_template_id = $items['branches']->electricity_bill_template_id ?? 1;
    $water_template_id = $items['branches']->water_bill_template_id ?? 1;
    $maintenance_bill_template_id = $items['branches']->maintenance_bill_template_id ?? 1;
@endphp
<style>
button.disabled {
  pointer-events: none;
  opacity: 0.5; 
}
.bill_settings{
    font-size: 24px;
    font-weight: bold;
}
.bill_settings_footer{
    font-size: 18px;
    font-weight: bold;

}
</style>
<legend>{{__('lang.maintenance_bill_templates')}}</legend>
<div class="row">
    <form method="POST" action="{{ route('maintenance.template.maintenance',$items['branches']->id) }}" >
        @csrf
    <center>
        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="form-group form-float box-border">
                <img src="{{ loadAsset('upload/certificate/maintenance_bill_template_1.PNG') }}" style="border:3px solid" class="zoom"
                    width="200px" height="280px">
            </div>
            <button type="submit"
                class="btn @if ($maintenance_bill_template_id == 1) btn-success disabled @else btn-primary @endif waves-effect"
                value='1' name="maintenance_bill_template_id">{{__('lang.template_1')}} @if ($maintenance_bill_template_id == 1)
                    {{__('lang.selected')}}
                @endif </button>

        </div>
        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="form-group form-float box-border">
                <img src="{{ loadAsset('upload/certificate/maintenance_bill_template_2.PNG') }}" style="border:3px solid" class="zoom"
                    width="200px" height="280px">
            </div>

            <button type="submit"
                class="btn @if ($maintenance_bill_template_id == 2) btn-success disabled @else btn-primary @endif waves-effect"
                value='2' name="maintenance_bill_template_id">{{__('lang.template_2')}} @if ($maintenance_bill_template_id == 2)
                    {{__('lang.selected')}}
                @endif </button>

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


<legend>{{__('lang.electricity_bill_templates')}}</legend>
<div class="row">

    <form method="POST" action="{{ route('maintenance.template.electricity',$items['branches']->id) }}" >
        @csrf
    <center>
        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="form-group form-float box-border">
                <img src="{{ loadAsset('upload/certificate/electric_bill_template1.PNG') }}" style="border:3px solid" class="zoom"
                    width="200px" height="280px">
            </div>
            <button type="submit"
                class="btn @if ($electricity_template_id == 1) btn-success disabled @else btn-primary @endif waves-effect"
                value='1' name="electricity_template_id">{{__('lang.template_1')}} @if ($electricity_template_id == 1)
                    {{__('lang.selected')}}
                @endif </button>

        </div>
        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="form-group form-float box-border">
                <img src="{{ loadAsset('upload/certificate/electric_bill_template2.PNG') }}" style="border:3px solid" class="zoom"
                    width="200px" height="280px">
            </div>

            <button type="submit"
                class="btn @if ($electricity_template_id == 2) btn-success disabled @else btn-primary @endif waves-effect"
                value='2' name="electricity_template_id">{{__('lang.template_2')}} @if ($electricity_template_id == 2)
                    {{__('lang.selected')}}
                @endif 
            </button>

        </div>

        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="form-group form-float box-border">
                <img src="{{ loadAsset('upload/certificate/electric_bill_template3.PNG') }}" style="border:3px solid" class="zoom"
                    width="200px" height="280px">
            </div>

            <button type="submit"
                class="btn @if ($electricity_template_id == 3) btn-success disabled @else btn-primary @endif waves-effect"
                value='3' name="electricity_template_id">{{__('lang.template_3')}} @if ($electricity_template_id == 3)
                    {{__('lang.selected')}}
                @endif 
            </button>

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


<legend>{{__('lang.water_bill_templates')}}</legend>
<div class="row">

    <form method="POST" action="{{ route('maintenance.template.water',$items['branches']->id) }}" >
        @csrf
    <center>
        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="form-group form-float box-border">
                <img src="{{ loadAsset('upload/certificate/water_bill_template1.PNG') }}" style="border:3px solid" class="zoom"
                    width="200px" height="280px">
            </div>
            <button type="submit"
                class="btn @if ($water_template_id == 1) btn-success disabled @else btn-primary @endif waves-effect"
                value='1' name="water_template_id">{{__('lang.template_1')}} @if ($water_template_id == 1)
                    {{__('lang.selected')}}
                @endif </button>

        </div>
        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="form-group form-float box-border">
                <img src="{{ loadAsset('upload/certificate/water_bill_template2.PNG') }}" style="border:3px solid" class="zoom"
                    width="200px" height="280px">
            </div>

            <button type="submit"
                class="btn @if ($water_template_id == 2) btn-success disabled @else btn-primary @endif waves-effect"
                value='2' name="water_template_id">{{__('lang.template_2')}} @if ($water_template_id == 2)
                    {{__('lang.selected')}}
                @endif 
            </button>

        </div>

        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="form-group form-float box-border">
                <img src="{{ loadAsset('upload/certificate/water_bill_template3.PNG') }}" style="border:3px solid" class="zoom"
                    width="200px" height="280px">
            </div>

            <button type="submit"
                class="btn @if ($water_template_id == 3) btn-success disabled @else btn-primary @endif waves-effect"
                value='3' name="water_template_id">{{__('lang.template_3')}} @if ($water_template_id == 3)
                    {{__('lang.selected')}}
                @endif 
            </button>

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



<legend class="bill_settings">{{__('lang.bill_settings')}}</legend>
<div class="row">

    <form method="POST" action="{{ route('maintenance.bill_settings',$items['branches']->id) }}" >
        @csrf
          
        
        <div class="col-md-12 col-sm-12 col-lg-12">


            <legend class="bill_settings_footer">{{__('lang.footer')}}</legend>
            
            <div class="row mt-1">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 field_area">
                    <div class="form-group form-float">
                        <div class="form-line" >
                            <input autocomplete="off" value="{{ CommonHelper::getBranchSettings($items['branches']->id , 'bill_footer_issued_by')}}" name="bill_footer_issued_by" type="text" class="form-control" >
                            <label for="footer" class="form-label">{{__('lang.issued_by')}}</label>
                        </div>
                    </div>
                </div>
            </div>
         
        </div>
        
    
        <div class="row clearfix">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="form-line">
                    <button type="submit" class="btn btn-success m-t-15 waves-effect">
                        {{__('lang.store_settings')}}
                    </button>
                    <a class="btn m-t-15 btn-default waves-effect" href="{{ url()->previous() }}">{{__('lang.back')}}</a>
    
                </div>
            </div>
        </div>   
    </form>
</div>

{{-- </form> --}}