@extends('partner.layouts.master')

@section('css')
@endsection

@section('breadcrumb')
    <div class="col-sm-6">
        <h4 class="page-title">تفاصيل الطلب</h4>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('partner.index')}}">{{trans('labels.dashboard')}}</a></li>
            <li class="breadcrumb-item active">تفاصيل الطلب</li>
        </ol>
    </div>
@endsection

@section('content')
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-body" style="display: flex; flex-direction: column; align-items: center;">
                    <div style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
                        <i class="fa fa-check-circle" style="font-size: 100px; color: green;"></i>
                    </div>
                    <div style="margin-bottom: 20px;">
                        #{{$order->id}}
                    </div>
                    <div style="margin-bottom: 20px;">
                        {{$order->created_at}}
                    </div>
                     <div style="font-size: 30px; font-weight: bold;margin-bottom: 20px;">
                        {{$order->amount}} جنية مصري
                    </div>
                    @foreach($order->orders as $subOrder)
                        <div style="margin-bottom: 20px;">
                            <span>
                                @if($subOrder->code->student_id)
                                    <i class="fa fa-check-circle" style="color: green;"></i>
                                @else
                                    <i class="fa fa-check-circle" style="color: grey;"></i>
                                @endif
                            </span>
                            {{$subOrder->created_at}}
                        </div>
                    @endforeach
                    <a href="{{route('partner.orders.create')}}" class="btn btn-primary" style="width: 50%;font-size: 30px;margin-bottom: 20px;border-radius: 20px;"> 
                        عملية بيع جديدة
                    </a>
                </div>
            </div>
        </div> <!-- end col -->
    </div>
@endsection

@section('script')
@endsection