@extends('panel.layouts.master')

@section('content')
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
    <!--begin::Container-->
    <div id="kt_content_container" class="container-xxl">
        <!--begin::Row-->
        <div class="row g-5 g-xl-8">
            @if(auth()->user()->can('show productions') && auth()->user()->can('show offers'))
                <div class="col-xl-12">
                    <a href="#" class="card bg-danger hoverable card-xl-stretch mb-xl-8">
                        <div class="card-body">
                            <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                                    <path fill="#fff" d="M64 64C28.7 64 0 92.7 0 128L0 384c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64L64 64zm64 320l-64 0 0-64c35.3 0 64 28.7 64 64zM64 192l0-64 64 0c0 35.3-28.7 64-64 64zM448 384c0-35.3 28.7-64 64-64l0 64-64 0zm64-192c-35.3 0-64-28.7-64-64l64 0 0 64zM288 160a96 96 0 1 1 0 192 96 96 0 1 1 0-192z"/>
                                </svg>
                            </span>
                            <div class="text-white fw-bolder fs-2 mb-5 mt-5">Güncel Kur Bilgileri</div>
                            <div class="row">
                                @foreach ($currencies as $currency)
                                    <div class="fw-bold text-white mb-5 col-md-6">
                                        <div class="d-flex align-items-center mb-2">
                                            <i class="fas fa-{{ $currency->icon }} fs-2 text-white me-3"></i>
                                            <span>{{ $currency->title }} ({{ $currency->code }})</span>
                                        </div>
                                        <div class="text-white fs-3">
                                            Değer: <strong>{{ $currency->value }}</strong>
                                        </div>
                                        <div class="text-white">
                                            <small>Son güncelleme: {{ $currency->created_at->format('d.m.Y H:i') }}</small>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <div class="text-white small mt-4">
                                <p>Kur değerleri Merkez Bankası tarafından gün sonunda otomatik olarak güncellenmektedir.</p>
                                <p class="text-decoration-underline">Manuel Güncellemek İçin Tıklayın</p>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="col-xl-6">
                    <a href="{{ route('admin.offers.index', ['status' => 'progress']) }}" class="card bg-primary hoverable card-xl-stretch mb-xl-8">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                            <path fill="#fff" d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/>
                                        </svg>
                                    </span>
                                    <div class="text-white fw-bolder fs-2 mb-2 mt-5">Bekleyen Teklif</div>
                                </div>
                                <div class="col-md-6 fw-bold text-white text-end fs-3hx">
                                    {{ $progress_count }}
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="col-xl-6">
                    <a href="{{ route('admin.production_requests.index') }}" class="card bg-success hoverable card-xl-stretch mb-5 mb-xl-8">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                                            <path fill="#fff" d="M192 0c-41.8 0-77.4 26.7-90.5 64L64 64C28.7 64 0 92.7 0 128L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64l-37.5 0C269.4 26.7 233.8 0 192 0zm0 64a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM305 273L177 401c-9.4 9.4-24.6 9.4-33.9 0L79 337c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L271 239c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/>
                                        </svg>
                                    </span>
                                    <div class="text-white fw-bolder fs-2 mb-2 mt-5">Bekleyen Üretim Talepleri</div>
                                </div>
                                <div class="col-md-6 fw-bold text-white text-end fs-3hx">
                                    {{ $production_request_count }}
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            @else
                @cannot('show productions')
                    <div class="col-md-6">
                        <a href="#" class="card bg-danger hoverable card-xl-stretch mb-xl-8">
                            <div class="card-body">
                                <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                                        <path fill="#fff" d="M64 64C28.7 64 0 92.7 0 128L0 384c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64L64 64zm64 320l-64 0 0-64c35.3 0 64 28.7 64 64zM64 192l0-64 64 0c0 35.3-28.7 64-64 64zM448 384c0-35.3 28.7-64 64-64l0 64-64 0zm64-192c-35.3 0-64-28.7-64-64l64 0 0 64zM288 160a96 96 0 1 1 0 192 96 96 0 1 1 0-192z"/>
                                    </svg>
                                </span>
                                <div class="text-white fw-bolder fs-2 mb-5 mt-5">Güncel Kur Bilgileri</div>
                                <div class="row">
                                    @foreach ($currencies as $currency)
                                        <div class="fw-bold text-white mb-5 col-md-6">
                                            <div class="d-flex align-items-center mb-2">
                                                <i class="fas fa-{{ $currency->icon }} fs-2 text-white me-3"></i>
                                                <span>{{ $currency->title }} ({{ $currency->code }})</span>
                                            </div>
                                            <div class="text-white fs-3">
                                                Değer: <strong>{{ $currency->value }}</strong>
                                            </div>
                                            <div class="text-white">
                                                <small>Son güncelleme: {{ $currency->created_at->format('d.m.Y H:i') }}</small>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                <div class="text-white small mt-4">
                                    <p>Kur değerleri Merkez Bankası tarafından gün sonunda otomatik olarak güncellenmektedir.</p>
                                    <p class="text-decoration-underline">Manuel Güncellemek İçin Tıklayın</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-md-6">
                        <a href="{{ route('admin.offers.index', ['status' => 'progress']) }}" class="card bg-primary hoverable card-xl-stretch mb-xl-8">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                                                <path fill="#fff" d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/>
                                            </svg>
                                        </span>
                                        <div class="text-white fw-bolder fs-2 mb-2 mt-5">Bekleyen Teklif</div>
                                    </div>
                                    <div class="col-md-6 fw-bold text-white text-end fs-3hx">
                                        {{ $progress_count }}
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcannot

                @can('show productions')
                    <div class="col-md-12">
                        <a href="{{ route('admin.production_requests.index') }}" class="card bg-success hoverable card-xl-stretch mb-5 mb-xl-8">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-6">
                                        <span class="svg-icon svg-icon-white svg-icon-3x ms-n1">
                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                                                <path fill="#fff" d="M192 0c-41.8 0-77.4 26.7-90.5 64L64 64C28.7 64 0 92.7 0 128L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64l-37.5 0C269.4 26.7 233.8 0 192 0zm0 64a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM305 273L177 401c-9.4 9.4-24.6 9.4-33.9 0L79 337c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L271 239c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/>
                                            </svg>
                                        </span>
                                        <div class="text-white fw-bolder fs-2 mb-2 mt-5">Bekleyen Üretim Talepleri</div>
                                    </div>
                                    <div class="col-md-6 fw-bold text-white text-end fs-3hx">
                                        {{ $production_request_count }}
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                @endcan
            @endif
        </div>
        <!--end::Row-->
    </div>
    <!--end::Container-->
</div>
@endsection