{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')

<div class="card card-custom">
    <div class="card-header flex-wrap border-0 pt-6 pb-0">
        <div class="card-title">
            <h3 class="card-label">Your Campaign Draft
                <div class="text-muted pt-2 font-size-sm">Your Current Campaign.</div>
            </h3>
        </div>
        <div class="card-toolbar">
            <!--begin::Dropdown-->
            <div class="dropdown dropdown-inline mr-2">
            <a href="{{route('editLetter')}}" class="btn btn-light-primary font-weight-bolder" aria-haspopup="true" aria-expanded="false">
                    </span>Letter Management
                </a>
            </div>
            <div>
                <form method="post" class="form" novalidate="novalidate" id="kt_remove_campaign_form" name="kt_remove_campaign_form" Action="{{route('removeCampaign')}}">
                    {{ method_field('DELETE') }}
                    {{csrf_field()}}
                    <button type="submit" class="btn btn-success mr-2">
                        </span>Empty Campaign
                    </button>
                </form>
            </div>
            <div>
                <button type="button" class="btn btn-light-primary font-weight-bolder" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    </span>Calculate Price
                </button>
                <!--begin::Dropdown Menu-->

                <!--end::Dropdown Menu-->
            </div>
            <!--end::Dropdown-->

        </div>
    </div>

    <div class="card-body">

        <!--begin::Search Form-->

        <!--end::Search Form-->

        <table class="table table-bordered table-hover">
            <thead>
                <tr>

                    <th width="20%">Address</th>
                    <th>Letter</th>
                    <th>Last Letter Sent</th>
                    <th>Last Date Sent</th>
                    <th>Agency</th>

                    <th>Remove</th>
                </tr>
            </thead>
            <tbody>

                <tr>

                    <td colspan="6" style="text-align: center" bgcolor="#5D7B9D">
                        <font color="#fff"> No properties found</font>
                    </td>



                    <!-- <td style="background-color:red;height:10px" ><button type="submit" >Remove</button></td> -->

                </tr>

            </tbody>
        </table>

    </div>

</div>

@endsection

{{-- Styles Section --}}
@section('styles')
<link href="{{ asset('plugins/custom/datatables/datatables.bundle.css') }}" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{{asset('css/pages/style.css')}}">
@endsection


{{-- Scripts Section --}}
@section('scripts')
{{-- vendors --}}
<script src="{{ asset('plugins/custom/datatables/datatables.bundle.js') }}" type="text/javascript"></script>

{{-- page scripts --}}
<script src="{{ asset('js/pages/crud/datatables/basic/basic.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/app.js') }}" type="text/javascript"></script>
@endsection