@extends('theme.layouts.freelancer')
@section('content')
<main id="site-main" ng-cloak ng-app="freelancerQuote" ng-controller="quoteController">
    @include('theme.layouts.partials.loading')
    <div class="wrap">
        <div class="content-container">
            <section class="data-table invoice">
                <header class="data-table__header">
                    <h2 class="page-heading">
                        <svg width="33" height="43" viewBox="0 0 33 43">
                            <path d="M31.263 39.7c0 .597-.487 1.084-1.085 1.084H2.388a1.087 1.087 0 0 1-1.085-1.085V7.593c0-.598.487-1.085 1.085-1.085H6.97c-.004.073-.022.143-.022.217v1.952H4.125a.651.651 0 0 0-.651.651v28.636c0 .359.291.65.651.65h24.316c.36 0 .651-.291.651-.65V9.328c0-.359-.292-.65-.651-.65h-2.823V6.724c0-.074-.017-.144-.021-.217h4.58c.599 0 1.086.487 1.086 1.085v32.106zM10.203 4.772h2.606c.36 0 .652-.292.652-.651a2.825 2.825 0 0 1 2.822-2.82 2.825 2.825 0 0 1 2.822 2.82c0 .359.292.65.652.65h2.605c1.077 0 1.954.876 1.954 1.953v1.952H8.25V6.725c0-1.077.876-1.952 1.954-1.952zM27.79 9.979v27.334H4.776V9.979H27.79zm2.389-4.773h-4.954a3.245 3.245 0 0 0-2.862-1.735h-2.006A4.13 4.13 0 0 0 16.283 0a4.131 4.131 0 0 0-4.074 3.471h-2.005a3.245 3.245 0 0 0-2.862 1.735H2.388A2.39 2.39 0 0 0 0 7.593v32.106a2.39 2.39 0 0 0 2.388 2.386h27.79a2.39 2.39 0 0 0 2.388-2.386V7.593a2.39 2.39 0 0 0-2.388-2.387z"/>
                            <path d="M16.283 5.64c.36 0 .651-.291.651-.65V3.254a.651.651 0 0 0-1.302 0V4.99c0 .359.291.65.65.65M14.086 15.81l-3.014 3.011-1.276-1.276a.652.652 0 0 0-.921.921l1.737 1.736a.653.653 0 0 0 .921 0l3.474-3.471a.65.65 0 1 0-.921-.921M14.086 21.884l-3.014 3.011-1.276-1.275a.652.652 0 0 0-.921.92l1.737 1.736a.653.653 0 0 0 .921 0l3.474-3.471a.65.65 0 1 0-.921-.92M14.086 27.958l-3.014 3.011-1.276-1.275a.652.652 0 0 0-.921.92l1.737 1.736a.653.653 0 0 0 .921 0l3.474-3.471a.65.65 0 1 0-.921-.92M21.66 19.09h-.217v-1.952a.651.651 0 0 0-1.303 0v1.952h-.217c-1.272 0-2.388 1.115-2.388 2.387v.262c0 .963.666 1.809 1.656 2.106l2.841.85c.427.127.713.472.713.857v.263c0 .491-.484 1.085-1.085 1.085h-1.718c-.612 0-1.105-.594-1.105-1.085v-.867a.651.651 0 0 0-1.302 0v.867c0 1.271 1.125 2.387 2.407 2.387h.198v1.952a.651.651 0 0 0 1.303 0v-1.952h.217c1.272 0 2.388-1.116 2.388-2.387v-.263c0-.965-.66-1.81-1.642-2.105l-2.84-.85c-.436-.13-.729-.475-.729-.858v-.262c0-.492.485-1.085 1.086-1.085h1.737c.6 0 1.085.593 1.085 1.085v.867a.651.651 0 0 0 1.303 0v-.867c0-1.272-1.116-2.387-2.388-2.387"/>
                        </svg>
                        {{ trans('quotations.quotations') }}
                    </h2><!-- data-table__heading -->
                </header><!-- end billing-header -->
                <div class="data-table__wrap">
                    <header class="data-table__controls">
                        <select class="select-link" id="tab-links-select">
                            <option value="0">
                                {{ trans('quotations.all_quotations') }} (@{{ totalQuote[0].total }})
                            </option>
                            <option value="1">
                                {{ trans('quotations.drafts') }} (@{{ totalDraft.total }})
                            </option>
                        </select>
                        <ul class="nav nav-pills" id="pills-tab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="pills-all-pill" data-toggle="pill" href="#pills-view" role="tab" aria-controls="pills-home" aria-selected="true">{{ trans('quotations.all_quotations') }} (@{{ totalQuote[0].total }})</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="pills-draft-pill" data-toggle="pill" href="#pills-draft" role="tab" aria-controls="pills-contact" aria-selected="false">{{ trans('quotations.drafts') }} (@{{ totalDraft.total }})</a>
                            </li>
                        </ul>
                        <div class="data-table__btn-wrap">
                            <div class="data-table__mobileMenu"></div>
                            <a href="javascript:;" class="xl-download" ng-click="downloadExcel()">
                                <svg xmlns="http://www.w3.org/2000/svg" width="26" height="25" viewBox="0 0 26 25">
                                    <g fill="#0CC5D1" fill-rule="evenodd">
                                        <path d="M24.375 19.458h-9.75v-1.621h2.438a.812.812 0 1 0 0-1.622h-2.438v-1.621h2.438a.812.812 0 1 0 0-1.622h-2.438v-1.621h2.438a.812.812 0 1 0 0-1.622h-2.438V8.108h2.438a.812.812 0 1 0 0-1.622h-2.438V4.864h9.75v14.594zM13 22.534L1.625 20.407V3.916L13 1.789v20.745zM25.188 3.243H14.624V.811a.808.808 0 0 0-.962-.796l-13 2.432A.809.809 0 0 0 0 3.243V21.08c0 .389.278.724.663.796l13 2.432a.813.813 0 0 0 .962-.796V21.08h10.563a.812.812 0 0 0 .812-.811V4.054a.812.812 0 0 0-.813-.811z"></path>
                                        <path d="M20.129 8.387h1.677a.839.839 0 0 0 0-1.677H20.13a.839.839 0 0 0 0 1.677M20.129 11.892h1.677a.839.839 0 0 0 0-1.678H20.13a.839.839 0 0 0 0 1.678M20.129 14.677h1.677a.839.839 0 0 0 0-1.677H20.13a.839.839 0 0 0 0 1.677M20.129 17.463h1.677a.839.839 0 0 0 0-1.677H20.13a.839.839 0 0 0 0 1.677M7.953 12.351l2.681-3.447a.838.838 0 1 0-1.323-1.032l-2.483 3.193-2.092-2.391a.838.838 0 1 0-1.263 1.104l2.306 2.636-2.338 3.007a.84.84 0 0 0 .663 1.353c.248 0 .496-.11.66-.322l2.14-2.752 2.439 2.787a.836.836 0 0 0 1.184.08.837.837 0 0 0 .079-1.183L7.953 12.35z"></path>
                                    </g>
                                </svg>
                                <span>download .xls</span>
                            </a>
                            <a href="#" id="update-payment" class="tu-btn-circular pink outline">
                                <svg width="16" height="12" viewBox="0 0 16 12">
                                    <path stroke-width="2" d="M1 5.667l4.667 4.666L15 1"/>
                                </svg>
                            </a>
                            <div class="btn-row">
                                <form class="data-table__search" ng-submit="getQuotes(); getDrafts()">
                                    <input type="text" name="data-table__search--input" ng-keyup="getQuotes(); getDrafts()" placeholder="{{ trans('quotations.type_here') }}" ng-model="searchTerm" />
                                    <a href="javascript:;" id="search-open" ng-click="getQuotes(); getDrafts()">
                                        <svg width="20" height="19" viewBox="0 0 20 19">
                                            <g class="svg-stroke" fill="none" fill-rule="evenodd" stroke-width="1.5" transform="translate(1 1)">
                                                <circle cx="7" cy="7" r="7"/>
                                                <path stroke-linecap="square" d="M13.5 12.5L18 17"/>
                                            </g>
                                        </svg>
                                    </a>
                                    <svg id="search-close" width="15" height="15" class="close-icon" version="1.1" x="0px" y="0px" viewBox="0 0 14 14" style="enable-background:new 0 0 14 14;" xml:space="preserve">
                                        <path class="svg-stroke" fill="none" stroke-width="2" stroke-linecap="square" d="M2.8,11.2l8.5-8.5 M2.8,2.8l8.5,8.5"/>
                                    </svg>
                                </form>
                                <a href="javascript:;" id="create-new-invoice-trigger" data-text="X" class="tu-btn-circular pink" ng-click="toggleForm()">
                                    <svg width="14" height="14" viewBox="0 0 14 14">
                                        <g fill="none" fill-rule="evenodd" stroke="#FFF" stroke-linecap="square" stroke-width="2">
                                            <path d="M1 7h12M7 1v12"/>
                                        </g>
                                    </svg>
                                </a>
                            </div>
                        </div>
                    </header><!-- end header -->
                    @include('theme.freelancer.quotes.create-new-quote')
                    <div class="tab-content data-table__tab-content" id="pills-tabContent">
                        <div class="tab-pane fade show active" id="pills-view" role="tabpanel" aria-labelledby="pills-view-tab">
                            @include('theme.freelancer.quotes.all-quotes')
                            <!-- <nav aria-label="...">
                                <ul class="pagination justify-content-end">
                                    <li class="page-item disabled"><a class="page-link prev" href="#" tabindex="-1"><i class="tu-icon-down-arrow3"></i></a></li>
                                    <li class="page-item active"><a class="page-link" href="#">1 <span class="sr-only">(current)</span></a></li>
                                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                                    <li class="page-item"><a class="page-link" href="#">4</a></li>
                                    <li class="page-item"><a class="page-link" href="#">5</a></li>
                                    <li class="page-item"><a class="page-link next" href="#"><i class="tu-icon-down-arrow3"></i></a></li>
                                </ul>
                            </nav>  -->    
                        </div>
                        <div class="tab-pane fade" id="pills-draft" role="tabpanel" aria-labelledby="pills-draft-tab">
                            @include('theme.freelancer.quotes.all-draft-qoutes')
                        </div>
                    </div>
                </div><!-- end data-table__wrap -->
            </section><!-- end data-table -->
        </div><!-- end content-container -->
    </div>
</main>

@endsection

@section('scripts')
    <script>
        window.currency = "@php echo $freelancer->user->currency @endphp";
        window.freelancer = {
            id: {{ $freelancer->id }}
        };
        window.baseUrl = "{{ URL::to('/') }}";
    </script>
    <script src="/theme/js/lib/moment.js"></script>
    <script src="/theme/js/freelancer/js/finance/quotes.js"></script>
@endsection