@extends('layout.master')
@section('css')
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">

    <style>
        .dropdown.bootstrap-select>.btn,
        .dropdown.bootstrap-select>.btn:hover,
        .dropdown.bootstrap-select>.btn:active,
        .dropdown.bootstrap-select>.btn:visited,
        .dropdown.bootstrap-select>.btn:focus {
            background-color: transparent;
            color: #495057;
            text-transform: none;
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        }

    </style>
@stop
@section('content')
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <form action="{{ route('razorpay.payment.store') }}" method="POST" >

                        @csrf

                        <script src="https://checkout.razorpay.com/v1/checkout.js" data-key="{{ env('RAZORPAY_KEY') }}" data-amount="{{ $doctorPinPrice }}" data-buttontext="Pay {{ $doctorPinPrice }} INR" data-name="{{ $doctor->get_doctor_details->username }}" data-phone="{{ $doctor->phone_code.$doctor->mobile_number }}" data-email="{{ $doctor->get_doctor_details->email }}" data-description="Rozerpay" data-image="{{ asset('images' . '/favicon.png') }}" data-prefill.name="name" data-prefill.email="{{ $doctor->get_doctor_details->email }}" data-theme.color="#ff7529">

                        </script>

                    </form>
                </div>
            </div>
        </div>
    </div>
@stop
@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js">
    </script>
    <script>
    @stop