@extends('template')

@section('content')
<div class="orders-container">
    <h1>Ordenes</h1>
    <div class="filter-orders">
        <svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <rect width="38" height="38" fill="url(#pattern0)"/>
            <defs>
            <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
            <use xlink:href="#image0_35_187" transform="scale(0.015625)"/>
            </pattern>
            <image id="image0_35_187" width="64" height="64" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAATZSURBVHic7ZtbbBVVFIb/VYsGFTDSlosklEZjgRovDyYmPhQ1GkKiiSYQCDEk1uItxmelClbim6a+aKKJiT6YihqiEQwImsglUDR4oSLiJbZQjBFKmwhK5fNhn4ZmunvOzJk9nVPsl5yHmbPWXmvNzN4ze+21pQoEmAusB/YAp3EMAgeAF4EFefuYCcAUoB34m+KcAzqAy/P2ORjAlcDOEoFHOQDMzNv31AAGbEkY/DB7gSl5x5AK4DFPYL8Ba4E5BZka4EHgiEd2Q94xlA0wFeiLBLRvrEcb11W2ReQHJ2xXAO6NBDMwfNeL6MzwXLTWcuwbMF9Sm6T55TQQgIbCb5gOM3uqlBLwtKSNI04dk/R9Aru/SmqvlvSupFsTKGbN52XKXVP4JaGpStL1CZWyZjCm3EAAW41Vkl4J0FBIGkqLSJKuC2CrwyQJWCyp6MCTIQ9IemTE8WdmdkcpJaBT0vIRpzolvZHA7nEz604gnw1Ak+e9vqqEzj3A+YjOkvHyOTjAJ5FgzuI+gqo8sisL7/2RfAlYObbLUgoN0CRpv6Spkb+6JX0k94qbJWmZpJsiMkOSms1sd9Z+ZgqwGhjydIdinAeeyNv3YADLcV+CcfgLeDhvn4MD1ANvAf+MEfi/wCagMYS9ihgDfAA1ku6UtFBSjaQ/Jf0o6VMzO5Gnb5NMchERfAwAZkm6VtJ0Sf2SfjCzk6HtVBTAZbgvt4OM/kQdwuXtVgGX5O1rcIAbge9ivrv3AHFne5UPcDsXFi7i0gcsytv31ADzgD88AQ4BXcDWMboEwFFgRt4xpAJ43xPY68DsiNwC4AOPbKUlYuIDLPLc2XVF5A14NSJ/FqgbT7+DAbRFgtlLifk4cCnwU0SvZbx8LubYMqDX84gmYU1MW8+ktBOSHmCpAT2S5qW8jjeb2cEYF2CppC0pbYWkZ1TK6f9GlaRWSb0p24mmqcbilpR2QtIjF3tygHWR/rSPeIPgzxG9h8pyIG+ARlxmZiTri8gb8FpE/gxQO45uhwXo9IysbxJZ2QUagM0e2Zfz8j0IuEKm3z2BDeFKV7YCX+P/FD4CTM87htQAtwH9ngCLcYxACc2KALgB+CZm8F8A9Xn7HBzcCN+CW6LyJUR2ASvwLHXlTRYpsVq5pesZkk5JOmxm/aHtTDLJJEGo5KWxWl1YGpsp6aSko5K2m1lfnr5lCi6F9jbFF0ffAxbm7WtwSLY8fgZYm7fPwaC8AgmAJ9PYrYgxAFel1qXRJTKHJH0o6bikOrkSmWhOYUjSEjPblbWfmYG/SKoFT46h0E2iRVJf+WQnBMBiz2O9soTO3YzOR5SsLfRRXWiwSdLsErJZcX/keKeZvVNMwcy2AZskrRhxupVkc40+Mzsk4IUyBp4siVX4BNwXwNbzBvTLTVwqhbvMbEcpIdxT+21KW6erJB1O2UhopsWUC3HTuqvlCo7bJNUHaLAcohsmmiVtjqHXHDlOumHiF0ntCeSzwdOXB4C5JXSuAk6UM3ZUHPg3Te3H1Qn65KcB2z0XbWJumpIk4HHPCN0LPDr8NAB1wBpccUWU5/KOIRW4hZOPx3pXlWA3E33jpCQBVwA7EgbfBVydt+/BwG2e3oCbCxTjHPASEJ08XRwAc4BnC4/3qULQA7hF2I24vY5B+A+4NrLf95LjkQAAAABJRU5ErkJggg=="/>
            </defs>
        </svg>
        <ul class="list-options">
            <li>Todas</li>
            <li>Pendientes</li>
            <li>En tramite</li>
        </ul>
    </div>
    <div class="orders">
        @if($orders->count() > 0)
            @foreach($orders as $order)

            @endforeach
        @else
            <p>No hay pedidos registrados</p>
        @endif
    </div>
    <div>
        <button class="btn btn-primary" id="addOrderBtn">Añadir Pedido</button>
    </div>
</div>
@endsection

@section('other-content')
    <div class="add-order-container" id="addOrderContainer">
        @include('clients.includes.order-request')
    </div>

    <div class="checkout-container">
        @include('clients.includes.order-checkout')
    </div>
@endsection