@extends('admin.layouts.master')
@section('content')
    @include('admin.layouts.breadcrumbs',['contract_id'=>request()->route('id')])

    <div class="row">
        <h3 class="col-12">يرجى اتباع التعليمات الاتية:-</h3>
        <div class="col-12">
            {!! setting('watch_contract_instructions') !!}
        </div>
        <div class="col-6">
            <div class="row">
                <h3 class="col-12 text-center mb-2">تحميل التطبيق</h3>

                <a class="col-6" href="{{setting('app_store')}}" rel="nofollow" target="_blank" style="outline: none;">
                    <img class="img-fluid" alt="Download on App Store button" src="https://www.magicearth.com/wp-content/uploads/2017/11/apple-app-store-badge141.png" >
                </a>
                <a class="col-6" href="{{setting('google_play')}}" rel="nofollow" target="_blank" style="outline: none;">
                    <img class="img-fluid" alt="Download on Google Play button" src="https://www.magicearth.com/wp-content/uploads/2017/11/google-play-badge141.png">
                </a>
            </div>

        </div>
        <div class="col-6">
            <h3 class="col-12 text-center mb-2">مراقبة القسيمة</h3>
            <div class="col-6 mx-auto">
                @if($contract->qr)
                    <img src="{{asset($contract->qr)}}" class="img-fluid">
                @else
                    <strong class="text-danger d-block">قم باضافة QR CODE من صفحة تعديل القسيمة</strong>
                @endif
            </div>
        </div>
    </div>
@endsection