@extends('adminlte::page')

@section('title', __('clinic-orders.create.title'))

@section('content_header')
    <h5><label class="title-underbar">{!! __("clinic-orders.create.title") !!}</label></h5>
@stop

@section('content')
    <div class="row">
        <div class="col-md-12">
            <x-clinic.success-flush-message />
            <div class="card" style="border-radius: 20px; box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.04);">
               @if ($errors->has('message'))
                   <div class="alert alert-danger">
                       {{ $errors->first('message') }}
                   </div>
               @endif

                <form method="POST" action="{{route('smartsupport.clinic.orders.store')}}" id="form_order_store" onsubmit="$('form#form_order_store button#form_order_store_submit').prop('disabled', true);">
                @csrf
                    <div class="card-body">
                        <p class="main-text" style="margin: 0px 35px 0px;"><b>{!! __("clinic-orders.create.p") !!}</b></p>

                        <div style="margin: 50px 35px 0px;">
                            <p class="medium-heading"><b>{!! __("clinic-orders.create.b_order") !!}</b></p>
                            <hr>
                        </div>
                        
                        <div class="col-md-8" style="margin-top:30px; margin-left: 30px">
                            <div class="row">
                                <div class="col-md-4 medium-heading">
                                    <b>{!! __("clinic-orders.create.b_order_type") !!}</b>
                                </div>
                                <div class="col-md-4 main-text">
                                    @if ($order_data['order_type'] === 'REPAIR_REQUEST')
                                        {!! __("clinic-orders.create.text_repair_request") !!}
                                    @endif
                                </div>
                            </div>
                        </div>

                        <div class="col-md-8" style="margin:20px 30px">
                            <div class="row">
                                <div class="col-md-4 medium-heading">
                                    <b>{!! __("clinic-orders.create.b_total_price") !!}</b>
                                </div>
                                <div class="col-md-4 main-text" style="color: red;">
                                    <b>￥{{ number_format($order_data['total_price']) }}</b>
                                </div>
                            </div>
                        </div>

                        <div style="margin: 50px 35px 0px;">
                            <p><b>{!! __("clinic-orders.create.b_card") !!}</b></p>
                            <hr>
                        </div>

                        <div class="col-md-8" style="margin:20px 30px">
                            <div class="row">
                                <div class="col-md-4 medium-heading">
                                    <b>{!! __("clinic-orders.create.b_cardbrand") !!}</b>
                                </div>
                                <div class="col-md-4 main-text">
                                @php
                                    $locale = app()->getLocale();
                                @endphp
                                @if (!$locale || $locale == 'ja')
                                    {{ $response['cardbrand']['name'] }}
                                @else
                                    {{ $response['cardbrand']['name_en'] }}
                                @endif
                                </div>
                            </div>
                        </div>

                        <div class="col-md-8" style="margin:20px 30px">
                            <div class="row">
                                <div class="col-md-4 medium-heading">
                                    <b>{!! __("clinic-orders.create.b_cc_number") !!}</b>
                                </div>
                                <div class="col-md-4 main-text">
                                    {{ $response['cc_number'] }}
                                </div>
                            </div>
                        </div>

                        <div class="col-md-8" style="margin:20px 30px">
                            <div class="row">
                                <div class="col-md-4 medium-heading">
                                    <b>{!! __("clinic-orders.create.b_cc_expiration") !!}</b>
                                </div>
                                <div class="col-md-4 main-text">
                                    {{ $response['cc_expiration'] }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-9" style="margin:60px 0px">
                            <div class="row">
                                <div class="col-md-4">
                                    <button type="button" class="btn btn-block button-back btn-lg rounded-pill" onclick="location.href='/clinic/creditcard/create'">{!! __("clinic-orders.create.button_register") !!}</button>
                                </div>
                                <div class="col-md-4">
                                    <button type="submit" id="form_order_store_submit" class="btn btn-block button-go btn-lg rounded-pill">{!! __("clinic-orders.create.button_order") !!}</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <a href="/smartsupport/clinic/repair-request/show/{{$back_repair}}" class="btn btn-link">
                              ＞　{!! __("clinic-orders.create.a_back") !!}
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@stop

@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
    <link href="/css/progressbar.css" rel="stylesheet">
@stop