@extends('adminlte::page')

@section('title', 'OWL CRM Dashboard')

@section('content_header')
    <h1>Lead Proposal</h1>
@stop

@section('content')
    @if (session('error'))
        <h6 class="alert alert-danger">
            {{ session('error') }}
        </h6>
    @endif
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif
    {{-- <p>Welcome to the OWL CRM admin panel.</p> --}}
    <div class="row justify-content-between mb-5">
        <div class="col-auto">
            <a href="{{ route('lead_proposal.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Back to Lead Proposal
            </a>
        </div>
        <div class="col-auto">
            {{-- <a href="{{ route('project.update', $project->id) }}" class="btn btn-primary">
                <i class="fas fas fa-save"></i> Save Project
            </a> --}}
        </div>
        <div class="col-auto">

            <a href="{{ route('lead_proposal.edit', $lead_proposal->id) }}" class="btn btn-primary">
                <i class="fas fa-pencil-alt"></i> Edit Lead Proposal
            </a>
            <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#delete">
                <i class="fa fa-trash-alt"></i> Delete Lead Proposal
            </button>
        </div>
    </div>

    <div class="row">
        <div class="col-12 col-sm-12">
            <div class="card card-dark">
                <div class="card-header">
                    <h3 class="card-title">Lead Proposal Information</h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fas fa-minus"></i>
                        </button>
                        {{--  <button type="button" class="btn btn-tool" data-card-widget="remove">
                            <i class="fas fa-times"></i>
                        </button>  --}}
                    </div>
                </div>


                <div class="card-body">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item"><b>Subject:</b>
                            {{ $lead_proposal->subject }}</li>

                        {{-- <li class="list-group-item"><b>Currency:</b> {{ $lead_proposal->currency }}</li> --}}
                        <li class="list-group-item"><b>Amount:</b> {{ $lead_proposal->amount }}</li>
                        <li class="list-group-item"><b>Discount Type:</b> {{ $lead_proposal->discount_type }}</li>
                        <li class="list-group-item"><b>Discount:</b> {{ $lead_proposal->discount }}</li>
                        <li class="list-group-item"><b>Phone:</b> {{ $lead_proposal->phone }}</li>
                        <li class="list-group-item"><b>Client Note:</b> {{ $lead_proposal->client_note }}</li>
                        <li class="list-group-item"><b>Tags:</b> {{ $lead_proposal->tags }}</li>
                        <li class="list-group-item"><b>Created By:</b>
                            {{ $lead_proposal->created_by_user->first_name }}
                            {{ $lead_proposal->created_by_user->last_name }}
                        </li>
                        <li class="list-group-item"><b>Proposal Date</b>
                            {{ formatDate($lead_proposal->proposal_date, 'Y/m/d H:i:s') }}</li>
                        <li class="list-group-item"><b>Valid Till Date</b>
                            {{ formatDate($lead_proposal->valid_till_date, 'Y/m/d H:i:s') }}</li>
                        <li class="list-group-item"> <b>
                                Address:</b>

                            {{ $lead_proposal->address_line_1 }},{{ $lead_proposal->address_line_2 }},{{ $lead_proposal->its_city->name }},{{ $lead_proposal->its_states->name }},{{ $lead_proposal->its_country->name }},{{ $lead_proposal->postal_code }}
                        </li>
                        <li class="list-group-item"><b>Status:</b>
                            {{ $lead_proposal->status == '0' ? 'In-Active' : $lead_proposal->status }}
                        </li>
                    </ul>
                </div>

            </div>

        </div>

    </div>


    <!-- Modal -->
    <div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">{{ $lead_proposal->name }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>This will delete this Lead Proposal permanently</p>
                    <p>Are you sure?</p>
                </div>
                <div class="modal-footer">
                    <form method="POST" action="{{ route('lead_proposal.destroy', $lead_proposal->id) }}">
                        <!-- CSRF Token -->
                        @csrf

                        <!-- Hidden input to simulate DELETE method -->
                        <input type="hidden" name="_method" value="DELETE">
                        <button type="submit" class="btn btn-danger" id="delete_btn" data-id="' . $row->id . '">Yes,
                            Delete</button>
                    </form>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    @stop

    @section('css')
        {{-- Add here extra stylesheets --}}
        {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
    @stop

    @section('js')
        <script>
            console.log("Hi, I'm using the Laravel-AdminLTE package!");
        </script>
    @stop