@extends('Partners.Layouts.Page')

@section('styles')
    <style>
        #send-request{
            margin-top: 3rem;
        }
    </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 class="d-flex my-xl-auto right-content">
            <a href="{{partner_route('units.index')}}" class="btn btn-danger mb-1 me-1" data-toggle="tooltip" title="عرض العقارات">
                <span class="me-1">عرض العقارات</span>
                <i class="fa fa-angle-left"></i>
            </a>
        </div>
    </div>
    <!-- breadcrumb -->

    <!-- Row -->
    <div class="row row-sm">
        <div class="col-lg-12">
            <form method="post" action="{{partner_route('terms.update')}}" enctype="multipart/form-data">

                <div class="card">
                    <div class="card-header">
                        <h3 class="card-title">{{$page_title}}</h3>
                    </div>

                    <div class="card-body">
                        @csrf
                        @method('PUT')

                        @include('Messages')

                        <div id="terms">
                            @foreach($terms as $key => $term)
                                @include('Partners.Terms.Form', compact('term', 'key'))
                            @endforeach
                        </div>

                        <button class="btn btn-primary" id="add-row"><i class="fa fa-plus"></i> اضافة شرط جديد </button>
                    </div>

                    <div class="card-footer">
                        <button class="btn btn-success" id="submit"><i class="fa fa-recycle"></i> تحديث الشروط </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        const addRow = $('#add-row')

        addRow.on('click', (e) => {
            e.preventDefault();

            $.get('/api/term-row')
                .done(function (data){
                    $('#terms').append(data.view)
                })
                .fail(function (){

                })
        })

        $('body').on('click', '.remove-row', function (e) {
            e.preventDefault();

            $(this).parents('.form-group').remove();
        })
    </script>
@endsection