@extends('admin.layouts.app')
@section('contentSection')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header">
                    <div class="pull-left"><i class="fa fa-table"></i> Appointments (<span
                            id="module_total_count"></span>)
                    </div>
                    <div class="pull-right">
                        <button type="button" data-toggle="modal" data-target="#addAppointmentModal"
                                class="btn btn-primary"><i
                                class="fa fa-plus"></i> Add New
                        </button>
                    </div>
                </div>
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-3 form-group">
                            <i class="fa fa-filter"></i> Filters
                        </div>
                    </div>
                    <form id="appointmentSearchFrom">
                        <div class="row">
                            <div class="col-md-3 form-group">
                                <label class="control-label">Type</label>
                                <select name="type_search" class="form-control">
                                    <option value="">Select Type</option>
                                    <option value="1">General Appointment</option>
                                    <option value="2">Accompanied Viewing</option>
                                    <option value="3">Valuation</option>
                                    <option value="4">Unaccompanied Viewing</option>
                                </select>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-12 text-right">
                                <button class="btn btn-primary">Search</button>
                                <button type="reset" id="appointmentSearchFormReset" class="btn btn-primary">Reset
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="appointmentsListTable" class="table table-bordered" style="width: 100%"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('pageSpecificScripts')
    @include('admin.appointments.appointmentsListTemplate')
    @include('admin.appointments.modals.addAppointmentModal')
    @include('admin.appointments.modals.editAppointmentModal')
    <script src="{{asset('back_assets/assets/plugins/summernote/dist/summernote-bs4.min.js')}}"></script>
    <script src="{{asset('back_assets/assets/plugins/bootstrap-datatable/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('back_assets/assets/plugins/bootstrap-datatable/js/dataTables.bootstrap4.min.js')}}"></script>
    <script src="{{ asset('back_assets/assets/plugins/bootstrap-select/js/bootstrap-select.min.js') }}"></script>
    <script src="{{asset('back_assets/assets/js/app/appointmentsScript.js')}}?{{ app_version() }}"></script>
@stop