@extends('layouts.app', ['page' => 'payments'])

@section('title', __('messages.create_payment'))
    
@section('page_header')
    <div class="page__heading d-flex align-items-center">
        <div class="flex">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="#"><i class="material-icons icon-20pt">home</i></a></li>
                    <li class="breadcrumb-item" aria-current="page"><a href="{{ route('customers') }}">{{ __('messages.payments') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{ __('messages.update_payment') }}</li>
                </ol>
            </nav>
            <h1 class="m-0 h3">{{ __('messages.update_payment') }}</h1>
        </div>
                      
                     @if(($payment->sent) == 1)
              
             <a href="https://billing.boxshopdavid.com/api/pagorecibido.php?orden={{($payment->id) }}" class="btn btn-light alert-confirm" data-alert-title="Estas Seguro?" data-alert-text="Esta accion reenviará el correo de pago al cliente.">
                    <i class="material-icons">send</i>
                    {{ __('REENVIAR EMAIL') }}
                </a>
                @endif
        <a href="{{ route('payments.delete', $payment->id) }}" class="btn btn-danger ml-3 delete-confirm">
            <i class="material-icons">delete</i> 
            {{ __('messages.delete_payment') }}
        </a>
    </div>
@endsection
 
@section('content') 
    <form action="{{ route('payments.update', $payment->id) }}" method="POST">
        @include('layouts._form_errors')
        @csrf
        
        @include('application.payments._form')
    </form>
@endsection

@section('page_body_scripts')
                            @if($authUser->hasRole(['staff']))

    <script>
        $(document).ready(function(){
            $('#invoice_select').prop('disabled', true);
            $('#customer').prop('disabled', true);
            $(':input[type=button]').prop('disabled', true);

        });
    </script>
    @endif
@endsection