@extends('Partners.Layouts.Page')

@section('styles')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <link rel="stylesheet" href="{{asset('css/gallery-card.css')}}" />

    <style>
        svg#bank-icon {
            max-height: 150px;
        }
        #terms-and-conditions ul{
            height: 350px;
            overflow: scroll;
            background-color: #f5f5f5;
            padding: 2rem;
        }
        #terms-and-conditions ul li{
            list-style: none;
            line-height: 30px;
        }
        .card,
        .card-body {
            border-radius: 25px;
        }
        .add-gallery-buttons {
            max-width: 80%;
            margin: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        .add-gallery-buttons a {
            width: 60%;
            min-height: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 900;
        }
        #terms-checkbox {
            padding: 10px;
            width: 20px;
            height: 20px;
            margin-left: 10px;
        }
        @media (max-width: 780px) {
            .add-gallery-buttons a {
                width: 100%;
            }
        }
    </style>
@endsection

@section('content')

    <!-- breadcrumb -->
{{--    <div class="breadcrumb-header justify-content-between">--}}
{{--        <div class="my-auto">--}}
{{--            <div class="d-flex">--}}
{{--                <h4 class="content-title mb-0 my-auto"><a href="{{partner_route()}}">الرئيسية /</a></h4>--}}
{{--                <h4 class="content-title mb-0 my-auto"><a href="{{partner_route('units.index')}}">العقارات /</a></h4>--}}
{{--                <span class="text-muted mt-1 tx-13 ms-2 mb-0">{{$page_title}}</span>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
    <!-- breadcrumb -->

    <!-- Row -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <div class="form-container">

                <div class="card mt-5">

                    <div class="card-body">

                        <div class="unit-form-card">
                            @include('Partners.Units.Terms')
                        </div>

                    </div>

                </div>

            </div>
        </div>
    </div>
@endsection

@section('scripts')
<script>
    $('#terms-checkbox').on('click', function (){
        if($(this).is(':checked')) {
            $('#add-unit').removeClass('disabled')
        }else {
            $('#add-unit').addClass('disabled')
        }
    })
</script>
@endsection